悬停时JQuery显示/隐藏

前端之家收集整理的这篇文章主要介绍了悬停时JQuery显示/隐藏前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有三个链接,猫,狗,蛇。当我将鼠标悬停在每个链接上时,与每个链接相关的内容应该更改。

因此,如果我将鼠标悬停在猫身上,那么猫的内容就会出现,如果我将鼠标悬停在狗身上,猫的内容将会顺利消失,狗的内容将会出现……依此类推。

Links are: Dog   Cat  Snake
<div>
  <span style="display:none;"> Cat Content</span>
  <span style="display:none;"> Dog Content</span>
  <span style="display:none;"> Snake Content</span>    
</div>

如何让这个完全成熟,有一些平滑的褪色?

解决方法

('.cat').hover(
  function () {
    $(this).show();
  },function () {
    $(this).hide();
  }
);

对其他人来说也是如此。

对于平滑淡入,您可以使用fadeIn和fadeOut

猜你在找的jQuery相关文章