欢迎来到天天文库
浏览记录
ID:14116451
大小:154.00 KB
页数:9页
时间:2018-07-26
《动态页面中动态导航栏》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
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)
此文档下载收益归作者所有