jquery写的下拉菜单
css.css
ul,li{ /*清楚小圆点*/ list-style: none; } ul{ /*清楚差距*/ padding:0; margin: 0; } .main{ background-image: url(../image/nav_div.gif); /* background-color:#949494;*/ background-repeat:repeat-x; width:120px; } li{ background-color:#EEEEEE; } a{ text-decoration: none; padding-left: 25px; display: block; display: inline-block; width: 96px; padding-bottom: 2; padding-top: 2; } .main a{ color: purple; background-image: url(../image/ss.gif); background-repeat: no-repeat; font-size: 16; } .main li a{ color:black; background-image: none; padding-left: 35; } .main ul{ display: none; }
myjs.js
$(document).ready(function (){ //页面装载完成后执行的代码 $(".main > a").click(function (){ var ulnode = $(this).next("ul"); //以下是一套的显示和阴藏的 /*if(ulnode.css("display")=="none") { ulnode.css("display","block"); }else { ulnode.css("display","none"); }*/ //ulnode.show("fast");//毫秒slow normal fast // ulnode.toggle("300");//自己进行判断法 //ulnode.slideDown("300"); //ulnode.slideUp("300"); ulnode.slideToggle("300"); }); })
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>菜单效果</title> <mce:script type="text/javascript" src="js/jquery-1.4.2.js" mce_src="js/jquery-1.4.2.js"></mce:script> <mce:script type="text/javascript" src="js/myjs.js" mce_src="js/myjs.js"></mce:script> <link type="text/css" rel="stylesheet" href="css/css.css" mce_href="css/css.css"> </head> <body> <ul> <li class="main"> <a href="#" mce_href="#">山西</a> <ul> <li><a href="#" mce_href="#">太原</a></li> <li><a href="#" mce_href="#">大同</a></li> </ul> </li> <li class="main"> <a href="#" mce_href="#">北京</a> <ul> <li><a href="#" mce_href="#">海淀</a></li> <li><a href="#" mce_href="#">朝阳</a></li> </ul> </li> <li class="main"> <a href="#" mce_href="#">陕西</a> <ul> <li><a href="#" mce_href="#">西安</a></li> <li><a href="#" mce_href="#">延安</a></li> </ul> </li> </ul> </body> </html>
您还没有登录,请您登录后再发表评论
jQuery多级下拉菜单支持多级下拉列表菜单,适用于商城网站或者企业网站,php中文网推荐下载!
jQuery多级下拉菜单支持多级下拉列表菜单代码 jQuery多级下拉菜单支持多级下拉列表菜单代码 jQuery多级下拉菜单支持多级下拉列表菜单代码
jquery select下拉菜单美化搜索框样式代码
jquery实现下拉菜单
jQuery渐变下拉菜单jQuery渐变下拉菜单jQuery渐变下拉菜单jQuery渐变下拉菜单jQuery渐变下拉菜单
VS.2008framework3.5环境,使用Jquery实现下拉菜单,重点实现下拉点击当前菜单项关闭其他打开菜单。
jquery动态下拉菜单
jQuery动画下拉菜单
jquery_下拉菜单
jQuery图文下拉菜单 jQuery图文下拉菜单网页特效.zip
jquery 实现下拉菜单过长滚动代码,jquery 实现下拉菜单过长滚动代码,jquery 实现下拉菜单过长滚动代码,jquery 实现下拉菜单过长滚动代码,jquery 实现下拉菜单过长滚动代码!
使用jQuery制作的一个下拉菜单,可以直接使用,使用的时候,建议将对应大文件放在指定的位置上,并修改link和script标签中的地址
两款jquery下拉导航菜单支持多级的下拉导航菜单代码 两款jquery下拉导航菜单支持多级的下拉导航菜单代码 两款jquery下拉导航菜单支持多级的下拉导航菜单代码
jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表 jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表 jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表
jQuery左侧下拉三级收缩菜单,JQuery left drop-down three-level shrink menu
jquery hover下拉菜单导航京东商城商品分类导航样式 jquery hover下拉菜单导航京东商城商品分类导航样式 jquery hover下拉菜单导航京东商城商品分类导航样式 jquery hover下拉菜单导航京东商城商品分类导航样式
插件描述:booNavigation是一款简单的jQuery大型下拉菜单插件。通过该插件可以制作3列大型下拉菜单.演示地址:http://www.jq22.com/jquery-info10308
下拉菜单-JQUERY下拉菜单-JQUERY下拉菜单-JQUERY
适用于如区域、多级菜单等有父子关系的数据表; 自动生成多级下拉菜单,并可调用单击事件; //下拉菜单 广东省|惠州市 //数据库表设计 ID NAME FID 1 广东省 0 2 惠州市 1 3 清远市 1
jQuery蓝色下拉导航菜单 jQuery蓝色下拉导航菜单 jQuery蓝色下拉导航菜单 jQuery蓝色下拉导航菜单 jQuery蓝色下拉导航菜单
相关推荐
jQuery多级下拉菜单支持多级下拉列表菜单,适用于商城网站或者企业网站,php中文网推荐下载!
jQuery多级下拉菜单支持多级下拉列表菜单代码 jQuery多级下拉菜单支持多级下拉列表菜单代码 jQuery多级下拉菜单支持多级下拉列表菜单代码
jquery select下拉菜单美化搜索框样式代码
jquery实现下拉菜单
jQuery渐变下拉菜单jQuery渐变下拉菜单jQuery渐变下拉菜单jQuery渐变下拉菜单jQuery渐变下拉菜单
VS.2008framework3.5环境,使用Jquery实现下拉菜单,重点实现下拉点击当前菜单项关闭其他打开菜单。
jquery动态下拉菜单
jQuery动画下拉菜单
jquery_下拉菜单
jQuery图文下拉菜单 jQuery图文下拉菜单网页特效.zip
jquery 实现下拉菜单过长滚动代码,jquery 实现下拉菜单过长滚动代码,jquery 实现下拉菜单过长滚动代码,jquery 实现下拉菜单过长滚动代码,jquery 实现下拉菜单过长滚动代码!
使用jQuery制作的一个下拉菜单,可以直接使用,使用的时候,建议将对应大文件放在指定的位置上,并修改link和script标签中的地址
两款jquery下拉导航菜单支持多级的下拉导航菜单代码 两款jquery下拉导航菜单支持多级的下拉导航菜单代码 两款jquery下拉导航菜单支持多级的下拉导航菜单代码
jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表 jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表 jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表
jQuery左侧下拉三级收缩菜单,JQuery left drop-down three-level shrink menu
jquery hover下拉菜单导航京东商城商品分类导航样式 jquery hover下拉菜单导航京东商城商品分类导航样式 jquery hover下拉菜单导航京东商城商品分类导航样式 jquery hover下拉菜单导航京东商城商品分类导航样式
插件描述:booNavigation是一款简单的jQuery大型下拉菜单插件。通过该插件可以制作3列大型下拉菜单.演示地址:http://www.jq22.com/jquery-info10308
下拉菜单-JQUERY下拉菜单-JQUERY下拉菜单-JQUERY
适用于如区域、多级菜单等有父子关系的数据表; 自动生成多级下拉菜单,并可调用单击事件; //下拉菜单 广东省|惠州市 //数据库表设计 ID NAME FID 1 广东省 0 2 惠州市 1 3 清远市 1
jQuery蓝色下拉导航菜单 jQuery蓝色下拉导航菜单 jQuery蓝色下拉导航菜单 jQuery蓝色下拉导航菜单 jQuery蓝色下拉导航菜单