jquery设置下拉菜单

Posted 前端小记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery设置下拉菜单相关的知识,希望对你有一定的参考价值。

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设置下拉菜单的主要内容,如果未能解决你的问题,请参考以下文章

JQuery数据表隐藏引导下拉菜单

如何从引导下拉菜单中获取值(jQuery)

在 Compass 和 jQuery 中实现下拉菜单

如何为多个下拉菜单设置 jquery select2 的选定值?

第72天:jQuery实现下拉菜单

Jquery 删除一个下拉菜单中除第一个option之外的所有option