Я использую навигационное меню jquery, в котором указывается линия, когда вы наводите курсор на элемент и выделяете его. Это работает сейчас, но у меня есть куча странных проблем, которые я не могу понять, для моей жизни.
Сначала я покажу вам свой код, а затем объясню, какие у меня проблемы.
$(document).ready(function()
{
$('#nav2 li a').hover(function()
{
var offset=$(this).offset();
var thiswidth =$(this).width()+13;
$('#nav2 li.ybg').stop().animate({left:offset.left+12+"px",width:thiswidth+"px"},400,function(){
$(this).animate({height:"28px"},150);
});
},
function()
{
$('#nav2 li.ybg').stop().animate({height:"4px"},150,function(){
var offset=$(this).offset();
$(this).animate({left:offset.left+40+"px",width:"55px"},600,'easeOutBounce');
});
});
});
Кроме того, вот DIV для YBG, если это помогает:
ul.nav li.ybg { background-color:#5222B4; position:absolute; z-index:50; width:55px; height:4px; margin-top:6px; }
Основная проблема заключается в том, что когда вы перемещаете мышь из меню, она останавливается там, где она есть, и сжимается, вместо того, чтобы вернуться к самому левому элементу (Home).
Есть и другие причуды, но я надеюсь, что если я смогу это выяснить, я смогу решить все остальное.
Надеюсь, это имеет смысл (URL-адрес www.buildagokart.com, если вы хотите увидеть, о чем я говорю - это просто случайный URL-адрес, который я использую для тестирования).