web前端|js教程
jQuery,两级下拉菜单
web前端-js教程
本文实例讲述了jQuery简单实现两级下拉菜单效果代码。分享给大家供大家参考。具体如下:
在线学习视频网源码,ubuntu系统下编程,如何集成tomcat服务器,爬虫技术豆瓣评分,小说php转txt免费软件,seo微课堂lzw
这是一款两级下拉菜单,jquery插件版,在IE6/IE7/IE8下运行良好,在本示例中,菜单仅显示了四组,不过原理是一样的,菜单较长的话直接复制其中一组就行了,直到满足你的应用。
ssc彩票源码,vscode 多行光标,ubuntu安全软件,ecipse装tomcat,sqlite小数类型,国外服务器下载很慢,插件房结实吗,前端框架vue实例,怎样爬虫,王垠php,杭州seo优化的网站,广告传媒网站源码,超酷网页视频播放器官方下载,手写响应式网页模板,登录注册页面模板,jquery 权限管理系统,android程序源代码lzw
运行效果截图如下:
08分目录源码,ubuntu远程屏幕共享,python 非阻塞爬虫,php mtqq,seo416lzw
在线演示地址如下:
/js//jquery-simple-2l-slideout-menu-codes/
具体代码如下:
两级下拉菜单*{ margin:0px; padding:0px; list-style:none; }body{ font-size:12px; }.nav{ float:left; clear:both; margin:100px; display:inline; }.nav li{ float:left; position:relative; }.nav li a{ display:block; width:60px; padding:8px 0px 6px; text-align:center; color:#000; background:#ccc; text-decoration:none; }.nav li a:hover { background:#666; color:#fff; }.nav li ul{ position:absolute; display:none; }.nav li ul li { float:none; }.nav li ul li a{ background:#eee; }首 页导航菜单采购企业采购企业评测企业报价行情报价导航1导航2导航3 li"); //找到#mainNav中子元素li; var ul; li.each(function(i){ //循环每一个LI li.eq(i).hover( function(){ $(this).find("ul").show(); //找到li里面的ul元素设置为显示 }, function(){ $(this).find("ul").hide(); } ) })})//-->