我有三个链接,猫,狗,蛇。当我将鼠标悬停在每个链接上时,与每个链接相关的内容应该更改。
因此,如果我将鼠标悬停在猫身上,那么猫的内容就会出现,如果我将鼠标悬停在狗身上,猫的内容将会顺利消失,狗的内容将会出现……依此类推。
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