jquery设置下拉菜单

标签：str   java   css   设置   视频   function   jquery代码   script   课程   

jQuery代码

1,引用jQuery库

2，show方法

3，hide方法

<script type="text/javascript">
$function(){
$(".navmeau").mouseover(function(){
$(this).children("ul").show();
})

$(".navmeau").mouseout(function(){
$(this).children("ul").hide();
})
}

</script>

html代码

<div id="nav">
<ul>
<li><a href="#">首页</a></li>
" class="navmeau" ><a href="#">课程大厅</a>
<ul>
<li><a href="#">JavaScript</a></li>
<li><a href="#">Html/CSS</a></li>
</ul>
</li>
<li class="navmeau"><a href="#">学习中心</a>
<ul>
<li><a href="#">视频学习</a></li>
<li><a href="#">实例练习</a></li>
<li><a href="#">问与答</a></li>
</ul>

</li>
<li><a href="#">经典案例</a></li>
<li><a href="#">关于我们</a></li>
</ul>

jquery设置下拉菜单

标签：str   java   css   设置   视频   function   jquery代码   script   课程   

原文地址：http://www.cnblogs.com/yigexiaojiangshi/p/6182402.html