用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>
可用于导航条显示子栏目时父栏目为选中状态。


