大佬教程收集整理的这篇文章主要介绍了使用jQuery模拟Hover，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
HTML：
<div id="MB">
<ul class="list">
<li id="post-5"><a href="#post-5">5</a></li>
<li id="post-4"><a href="#post-4">4</a></li>
<li id="post-3"><a href="#post-3">3</a></li>
<li id="post-2"><a href="#post-2">2</a></li>
<li id="post-1"><a href="#post-1">1</a></li>
</ul>
</div>
CSS：
#MB .list li a { float:left; color:#333; BACkground:#f6f6f6; border:1px solid #eaeaea; border-right:none; padding:@R_607_11220@px; } #MB .list li a:hover,#MB .list li a:focus { color:#fff; border:1px solid #333333; border-right:none; BACkground:#404040; text-decoration:none; }
我想每隔n秒自动模拟每个按钮上的“悬停”.
#MB .list a:hover,#MB .list a:focus,#MB .list .active a { /* hover styles */ }
(我已经简化了你的选择器,我也建议尝试删除外部div,因为这些通常是不必要的,仅仅ul就足够了)
Javascript悬停：
function setHover() { if ($('#MB .list .active').next().length) { $('#MB .list .active').next().addClass('active').end().removeClass('active'); } else { $('#MB .list .active').removeClass('active'); $('#MB .list li:first-child').addClass('active'); } } seTinterval(setHover,1000);
以上是大佬教程为你收集整理的使用jQuery模拟Hover全部内容，希望文章能够帮你解决使用jQuery模拟Hover所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。