在jquery中控制悬停速度

Question

如果我将鼠标悬停在超链接上，我已经编写了jquery代码来显示描述。但我不知道如何控制悬停的速度，以便我可以慢慢地显示描述。任何人都可以建议我如何做到这一点。

由于

Answer 1

您可以使用.fadeIn() / .fadeOut()或.animate({ opacity: 'toggle' })，例如：

$(".class").hover(function() {
  $(this).next('.description').fadeIn(); //or .fadeIn(2000) for 2 seconds
}, function() {
  $(this).next('.description').fadeOut();
});

You can give it a try here或更短的.animate()版本：

$(".class").hover(function() {
  $(this).next('.description').animate({ opacity: 'toggle' })
});

You can try that here，在上面的代码中，您可以将持续时间作为下一个参数添加到其中任何一个，没有它，默认值为400毫秒。