动态页面中动态导航栏

《动态页面中动态导航栏》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、动态页面中动态导航栏运行截图1运行截图2运行截图3数据库设计截图数据表名daohang数据表关系实现功能所需文件文件1droppy.css类容该文件来自网上，经修改而得/*Basiccode-don'tmodify*/.droppy{display:block;margin:0;padding:0;position:relative;}.droppyli{display:block;list-style:none;margin:0;padding:0;float:left;position:relative;}

2、.droppya{display:block;}.droppyul{display:none;position:absolute;left:0;margin:0;padding:0;}*html.droppyul{line-height:0;}/*IE6"fix"*/.droppyula{zoom:1;}/*IE6/7fix*/.droppyulli{float:none;}.droppyulul{top:0;}/*Essentials-configurethis*/.droppyul{width:140px;

3、}.droppyulul{left:141px;}/*Everythingelseistheming*/a{text-decoration:none;}.droppy{background-color:#DDDDDD;height:35px;}.droppy*:hover{background-color:none;}.droppya{color:#777777;font-size:24px;padding:6px;line-height:1;}.droppyli.hovera{background-color

4、:#aaaaaa;}.droppyul{top:35px;}.droppyullia{background-color:#aaaaaa;}.droppyula.has-subnav{background-color:#aaaaaa}.droppyula.hover{background-color:#50AaC3;}.droppyula{border-bottom:none;opacity:1;filter:alpha(opacity=90);}/*.droppyula{border-bottom:none;}

5、-IalsoneededthisforIE6/7*/文件2文件名jquery.droppy.js类容该文件来自网上，经修改而得/**Droppy0.1.2*(c)2008JasonFrame(jason@onehackoranother.com)*/(function($){$.fn.droppy=function(options){options=$.extend({speed:250,className:'droppy',trigger:'hover'},options

6、

7、{});this.each(fun

8、ction(){varroot=this,zIndex=1000;$(root).addClass(options.className);$(root).find('li:has(>ul)>a').addClass('has-subnav');functiongetSubnav(ele){if(ele.nodeName.toLowerCase()=='li'){varsubnav=$('>ul',ele);returnsubnav.length?subnav[0]:null;}else{returnele;}}

9、;functiongetActuator(ele){if(ele.nodeName.toLowerCase()=='ul'){return$(ele).parents('li')[0];}else{returnele;}};functionhide(){varsubnav=getSubnav(this);if(!subnav)return;$.data(subnav,'cancelHide',false);setTimeout(function(){if(!$.data(subnav,'cancelHide')

10、){$(subnav).slideUp(options.speed);}},500);};functionshow(){varsubnav=getSubnav(this);if(!subnav)return;$.data(subnav,'cancelHide',true);$(subnav).css({zIndex:zIndex++}).slideDown(options.speed)