大佬教程收集整理的这篇文章主要介绍了将鼠标悬停在其父LI上时如何触发链接悬停状态. jQuery的，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<li class="video-1"> <a href="#"><img src="images/csi-1.gif" alt="csi-1" width="140" height="80" /></a> <h3 class="show-title"><a href="#">Show title</a></h3> <h3 class="ep-name"><a href="#">Episode Name</a></h3> <h4 class="season-info">Season 4 | Ep 10<span class="more"><a href="#">See More</a></span></h4> </li>
和JS：
$(".more").hide();
$(".video-1").hover(function () {
$(".video-1:hover h3.show-title a").css('color','#006699'),function() {
$(this).css("color","#fff");
}
$(".more").toggle();
});
.video-1 .more { display: none } .video-1:hover h3.show-title a { color: #006699 } .video-1:hover .more { display: block }
除非您需要支持仅支持的IE6,否则根本不需要JS：将鼠标悬停在元素上.
更新：
<!--[if lte IE 6]> <script type="text/javascript" charset="utf-8"> jQuery(function ($) { $('#video-1').hover(function () { $(this).addClass('hover'); },function () { $(this).removeClass('hover'); }); }); </script> <![endif]-->
然后像这样调整CSS：
#video-1 .more { display: none } #video-1:hover h3.show-title a,#video-1.hover h3.show-title a { color: #006699 } #video-1:hover .more,#video-1.hover .more { display: block }
最后,将原始HTML从类更改为id,因为IE6不支持CSS中的链式类名：
<li id="video-1">
以上是大佬教程为你收集整理的将鼠标悬停在其父LI上时如何触发链接悬停状态. jQuery的全部内容，希望文章能够帮你解决将鼠标悬停在其父LI上时如何触发链接悬停状态. jQuery的所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。