2

我有这个简单的 jQuery 悬停效果，它可以工作，但并不完美 - 当您输入列表项（悬停）时，动画会在底部产生一个小颠簸/颠簸，这是为什么呢？然而，当离开元素时，动画很流畅（使用的浏览器 - Chrome）

HTML：

<div id="div1">
<ul>
  <li><a>JP Links</a></li>
  <li><a>JP Middel</a></li>
  <li><a>JP Regs</a></li>
</ul>
</div>

jQuery：

$('#div1 ul li').hover(
    function(){
        $(this).find('a').animate({'top': '0'}, 'slow');
    }, 
    function(){
        $(this).find('a').animate({'top': '75%'}, 'slow');
    }                 
);

见小提琴

4

2 回答 2

3

这是因为您只写 top: 0。尝试像这样写 top: 0% ：

$(this).find('a').animate({'top': '0%'}, 'slow');

我不知道为什么，但它工作。

于 2013-04-29T20:02:13.460 回答
0

'0'将第一个函数中的更改为'10%' It is jerking down to start at 0, before it back up。

于 2013-04-29T20:04:09.453 回答