JQ导航鼠标跟随效果

- 最后更新：2018 / 8 / 31 - Tags：

HTML

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

$('#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});
});

请为这篇文章评分:

( 这篇文章尚未评分 )

◁ ↺ ▷