MENU▼

JQ导航鼠标跟随效果

HTML

<ul class="nav">
    <span id="nav_b"></span>
    <li class="on"><a href="">首页</a></li>
    <li><a href="">首页</a></li>
</ul>

JQ

$('#nav_b').css({left: $(".on").position().left});

$('.nav>li').hover(function(){
    $('#nav_b').stop().animate({left: $(this).position().left});
},function() {
    $('#nav_b').stop().animate({left: $(".on").position().left});
});

请为这篇文章评分:
( 这篇文章尚未评分 )