用jQuery给容器增加class或者移除class。
代码如下:
<script type="text/javascript" src="js/jquery.js"></script> <div class="nav"> <ul> <li><a href="#" class="this">首页</a></li> <li><a href="#" class="this">栏目一</a> <blockquote> <a href="#">子栏目一</a> <a href="#">子栏目二</a> <a href="#">子栏目三</a> <a href="#">子栏目四</a> </blockquote> </li> <li><a href="#" class="this">栏目二</a></li> <li><a href="#" class="this">栏目三</a></li> </ul> </div> <script type="text/javascript"> jQuery(".nav li").hover(function(){ jQuery(this).find("blockquote").stop(true,true).fadeIn(); jQuery(this).addClass("cur"); }, function(){ jQuery(this).find("blockquote").stop(true,true).fadeOut(); jQuery(this).removeClass("cur"); }); </script>
可用于导航条显示子栏目时父栏目为选中状态。