更多>
最新下载
jQuery点击文字滚动Scrollocue插件
jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理,转载请注明出处!
0
2025-12-19
24小时阅读排行榜
- 1 C++中的std::set和std::map有什么区别?C++关联容器选择指南【STL】
- 2 如何在Golang中使用接口组合_实现多接口组合功能
- 3 SQL读写分离如何实现_业务接入架构设计说明【教学】
- 4 mysql集群网络延迟大怎么办_mysql性能优化思路
- 5 Linux性能如何优化_常见误区解析避免新手踩坑【教程】
- 6 html5怎么设置复制_html5用user-select:all或JS execCommand设复制【设置】
- 7 css哪些颜色写法兼容性最好_优先使用hex和rgb颜色
- 8 html5如何使用gulp_HTML5项目配置与使用Gulp工具指南【Gulp使用】
- 9 html图片如何挨着字_HTML实现图片与文字紧密排列【排列】
- 10 如何在mysql中删除数据_mysql delete语句使用说明
- 11 javascript事件机制是什么_事件冒泡和捕获该如何使用
- 12 css颜色对比不明显怎么调节_通过hsl改变亮度提升可读性
- 13 css表格最后一列想单独上色怎么处理_利用 td:last-child 伪类单选最后单元格
- 14 如何使用Golang创建文件与目录_Golang os Create与Mkdir方法说明
- 15 css多个状态切换很乱怎么办_通过class控制触发过渡
更多>
最新教程
-
- Node.js 教程
- 14113 2025-08-28
-
- CSS3 教程
- 1540656 2025-08-27
-
- Rust 教程
- 21815 2025-08-27
-
- Vue 教程
- 24329 2025-08-22
-
- PostgreSQL 教程
- 21051 2025-08-21
-
- Git 教程
- 8295 2025-08-21
jQuery的导航条三级下拉菜单代码
jQuery导航条三级下拉菜单代码是一款非常简洁实用的网站导航菜单,绿色下拉菜单导航代码。
js代码
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var _this1=null;
$('.nav>li').hover(function(){
_this1=$(this);
_this1.find('.second-nav').show();
var _this2=null;
_this1.find('.second-nav').find('li').hover(function(){
_this2=$(this);
_this2.find('.third-nav').show();
_this2.find('.third-nav').hover(function(){
$(this).show();
},function(){
$(this).hide();
});
},function(){
_this2.find('.third-nav').hide();
});
},function(){
_this1.find('.second-nav').hide();
});
});
</script>
js代码
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var _this1=null;
$('.nav>li').hover(function(){
_this1=$(this);
_this1.find('.second-nav').show();
var _this2=null;
_this1.find('.second-nav').find('li').hover(function(){
_this2=$(this);
_this2.find('.third-nav').show();
_this2.find('.third-nav').hover(function(){
$(this).show();
},function(){
$(this).hide();
});
},function(){
_this2.find('.third-nav').hide();
});
},function(){
_this1.find('.second-nav').hide();
});
});
</script>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
