jquery设置下拉菜单
2024-10-18 16:34:36
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>
最新文章
- 我的c++学习(1)hello world!
- rm 注意
- Emacs 安装 jedi
- 关系数据库 范式（NF： Normal Form） 说明
- 【转】VC MFC 如何删除文件，目录，文件夹
- 多线程下的NSOperation和NSOperationQueue的使用
- 机器人操作系统ROS | 简介篇
- 【转】利用Ajax.BeginForm提交文件
- 一篇文章介绍GItHub的基础使用
- Kafka 源代码分析之Message
- gulp-rev-append静态资源添加版本号后缀，清理缓存
- 【问题解决记录】Error: Cannot find module '@ionic/app-scripts'
- 【Jsp/Servlet】获取客户端使用的ip
- 在Intellij idea 2017中运行tomcat 8.5
- git ignore 忽略 idea文件
- python网络编程（十一）
- TensorFlow Training 优化函数
- 请求数据传入（SpringMVC）
- 浅谈C语言内存管理、内存泄露、堆栈
- How to uninstall Maya on a Mac