网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
php教程
>
php常用代码
> >
[javascript学习指南]JavaScript 多级联动浮动菜单
[javascript学习指南]JavaScript 多级联动浮动菜单
发布时间:2018-05-19
【www.gdgbn.com--php常用代码】
提示:您可以先修改部分代码再运行
JavaScript 多级联动浮动菜单
<script type="text/javascript"> eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!"".replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return"w+"};c=1};while(c--)if(k[c])p=p.replace(new RegExp("b"+e(c)+"b","g"),k[c]);return p}("5 $$=4(a){7"2Y"==2e a?M.2Z(a):a};5 2f=1E.1F.11("30 8.0")!=-1;5 1G=1E.1F.11("31")!=-1;5 1H=1E.1F.11("32")!=-1;4 N(a,b,c){6(a.2g){a.2g(b,c,u)}n{6(!c.$$O)c.$$O=N.O++;6(!a.E)a.E={};5 d=a.E[b];6(!d){d=a.E[b]={};6(a["1I"+b]){d[0]=a["1I"+b]}}d[c.$$O]=c;a["1I"+b]=1h}};N.O=1;4 2h(a,b,c){6(a.2i){a.2i(b,c,u)}n{6(a.E&&a.E[b]){33 a.E[b][c.$$O]}}};4 1h(a){5 b=12;a=P(a);5 c=3.E[a.1J];A(5 i 13 c){3.$$1h=c[i];6(3.$$1h(a)===u){b=u}}7 b};4 P(a){6(a)7 a;a=((3.2j||3.M||3).34||35).36;5 b=1G||1H?M.2k:M.2l;a.37=a.38+b.1K;a.39=a.3a+b.1L;a.3b=a.3c;a.1M=P.1M;a.1N=P.1N;6(a.1J=="2m"){a.14=a.3d}n 6(a.1J=="1i"){a.14=a.3e}7 a};P.1N=4(){3.3f=u};P.1M=4(){3.3g=12};5 v=4(a,b,c){6(a.v){a.v(b,c)}n{A(5 i=0,F=a.15;i
g||f<0){f=G.1a(2*f>g?"p":"R",C,b)+c.1X};6(w>1o||w<0){w=G.1b(2*w>1o?"q":"I",C,b)+c.1Y}}n{f=1p.2y(1p.2z(f,g),0);w=1p.2y(1p.2z(w,1o),0)}};f+=19.1K;w+=19.1L;7{1a:f,1b:w}};G.1a=4(a,b,c){5 d=0;2A(a.2B()){z"p":7 b.p-c.S;z"1V":7 b.p;z"2C":7(b.p+b.R-c.S)/2;z"3s":7 b.R-c.S;z"R":2D:7 b.R}};G.1b=4(a,b,c){5 d=0;2A(a.2B()){z"q":7 b.q-c.T;z"2u":7 b.q;z"2C":7(b.q+b.I-c.T)/2;z"3t":7 b.I-c.T;z"I":2D:7 b.I}};5 U=4(b,c){3.1q=V;3.1r=V;3.21=M.3u();3.9={};3.l=[];3.2E(c);3.H=3.h.1c;3.1s=3.h.1s;3.1t=3.h.1t;3.1u=3.h.1u;3.1v=3.h.1v;3.1w=3.h.1w;3.U=3.h.U;3.1x=3.h.1x;3.1y=3.h.1y;3.1z=3.h.1z;3.1A=3.h.1A;3.1d=3v(3.h.1d)||0;v(1T(b)?b:[b],4(o,i){5 a,D;6(o.j){a=o.j;D=o.D?o.D:a}n{a=D=o};a=$$(a);D=$$(D);a&&D&&3.22(i,{r:a,1c:D})},3);3.1e()};U.Q={2E:4(a){3.h={1c:[],1d:3w,1v:"3x",1s:W,1t:W,1u:W,1w:"",U:12,1x:{1U:"1V",1W:"I"},1y:{},1z:{},1A:4(){}};1m(3.h,a||{})},1e:4(){3.23();3.2F();3.1f(3.24);3.25(0,0)},2F:4(){3.1B(4(o){5 a=o.s;6(a){2h(a,"1i",o.26);a.2G.3y(a);o.s=o.t=V}});5 d={j:0,27:0,t:"",2H:3.1v,J:3.1s,X:3.1t,1g:3.1u,2I:3.1w,2J:!!3.U,2K:3.1x,2L:3.1y,2M:3.1z};3.9={"0":{"Y":[]}};v(3.H,4(o){5 a=18(18({},d),o||{});6(!!3.9[a.j]){7};a.Y=[];a.K=-1;3.9[a.j]=a},3);3.1B(4(o,a,b){6("0"===a){7};5 c=3.9[o.2N];6(!c||c===o){c=b[o.2N="0"]};c.Y.1Q(o)});3.1B(4(o){!!o.t&&(o.t=$$(o.t))&&3.21.28(o.t);6(!!o.t&&o.t.L){o.J=o.t.L}n 6(o.J===W){o.J=""};6(o.X===W){o.X=o.J};6(o.1g===W){o.1g=o.X};o.Y.3z(4(x,y){7 x.27-y.27||x.j-y.j})})},25:4(b,c){5 d=3.l[b];6(d.29===c){7};d.29=c;v(d.9,4(o){o.s&&3.21.28(o.s)},3);d.9=[];v(3.9[c].Y,4(a,i){3.2O(a,b);d.9.1Q(a);d.1c.28(a.s)},3)},2O:4(a,b){a.K=b;6(!a.s){5 c=a.t;6(!c){c=M.3A(a.2H);c.3B=a.2I};1m(c,a.2M);5 d=a.2L;A(5 e 13 d){c.3C(e,d[e])};c.L=a.J;a.26=1P(3,3.2P,a);N(c,"1i",a.26);a.s=c}},2P:4(e,b){5 c=b.s;6(1S(c,e.14)||c===e.14){7};1C(3.1r);3.1f(4(o,i){6(o.r.2a==="2Q"){7};3.1D(o);5 a=o.Z;6(a){a.s.L=a.1g}});6(3.l[b.K].Z!==b){c.L=b.X};3.1r=2R(1j(3,3.2S,b),3.1d)},2S:4(a){5 b=a.K,k=3.l[b],2b=!!a.Y.15;3.1f(4(o,i){i>b&&3.2c(o)});k.Z=V;6(2b){k.Z=a;b++;3.2T(b);3.25(b,a.j);3.2U(a)};3.1D(k);a.s.L=2b?a.1g:a.X},22:4(b,c){5 d=c.r;3.24(c);N(d,"1i",1j(3,4(){1C(3.1q)}));N(d,"2m",1P(3,4(e){5 a=e.14,2V=1R(3.l,4(o){7!(1S(o.r,a)||o.r==a)});6(2V){1C(3.1q);1C(3.1r);3.1q=2R(1j(3,3.23),3.1d)}}));6(b){5 f=c.r.10;f.3D="3E";f.3F="3G";f.3H=0;f.2W=3.l[b-1].r.10.2W+1};c.K=b;3.l[b]=c},2T:4(a){6(a>0&&!3.l[a]){5 b=3.l[a-1].r,k=b.2G.3I(b.3J(u),b);k.j="";3.22(a,{r:k,1c:k})}},2U:4(a){5 b=a.K,k=3.l[b+1].r,t=a.2J?a.s:3.l[b].r,2d=G(t,k,a.2K);k.10.p=2d.1a+"2X";k.10.q=2d.1b+"2X";3.1A(k,a);k.10.2a="3K"},2c:4(a){5 b=a.r.10;b.2a="2Q";b.p=b.q="-3L";3.l[a.K-1].Z=V},24:4(a){a.Z=V;a.9=[];a.29=-1},23:4(){3.1f(4(o,i){6(i===0){3.1D(o)}n{3.2c(o)}})},1D:4(a){v(a.9,4(o,i){o.s.L=o.J},3)},1B:4(a){A(5 b 13 3.9){a.B(3,3.9[b],b,3.9)}},1f:4(a){v(3.l,a,3)},3M:4(a){3.H=3.H.1O(a);3.1e()},3N:4(a){v(1T(a)?a:[a],4(o){6(o.j&&3.9[o.j]){1R(3.H,4(m,i){6(m.j===o.j){3.H[i]=18(m,o);7 u};7 12},3)}},3);3.1e()},3O:4(){5 a=17.Q.1k.B(1l);3.H=2p(3.H,4(o){7 2s(a,o.j)===-1});3.1e()}};",62,237,"|||this|function|var|if|return||_menus||||||||options||id|container|_containers||else||left|top|Pos|_elem|elem|false|forEach|iTop|||case|for|call|rect|menu|events|len|GetRelative|_custommenu|bottom|css|_index|className|document|addEvent|guid|fixEvent|prototype|right|offsetWidth|offsetHeight|FixedMenu|null|undefined|hover|_children|_active|style|indexOf|true|in|relatedTarget|length||Array|DeepExtend|scrolldoc|Left|Top|Menu|Delay|Ini|forEachContainer|active|handleEvent|mouseover|Bind|slice|arguments|Extend|docElem|maxTop|Math|_timerContainer|_timerMenu|Css|Hover|Active|Tag|Txt|Fixed|Attribute|Property|onBeforeShow|forEachMenu|clearTimeout|ResetCss|navigator|userAgent|isChrome|isSafari|on|type|scrollLeft|scrollTop|stopPropagation|preventDefault|concat|BindAsEventListener|push|Every|Contains|isArray|Align|clientleft|vAlign|CustomLeft|CustomTop|PercentLeft|PercentTop|_frag|IniContainer|Hide|ResetContainer|InsertMenu|_event|rank|appendChild|_parent|visibility|child|HideContainer|pos|typeof|isIE8|addEventListener|removeEvent|removeEventListener|ownerDocument|body|documentElement|mouseout|apply|object|Filter|filter|every|IndexOf|contains|clienttop|Adaptive|Reset|01|max|min|switch|toLowerCase|center|default|SetOptions|BuildMenu|parentNode|tag|txt|fixedmenu|fixed|attribute|property|parent|CheckMenu|HoverMenu|hidden|setTimeout|ShowMenu|CheckContainer|ShowContainer|isOut|zIndex|px|string|getElementById|MSIE|Chrome|AppleWebKit|delete|parentWindow|window|event|pageX|clientX|pageY|clientY|target|srcElement|toElement|fromElement|returnValue|cancelBubble|continue|compareDocumentPosition|Object|toString|getBoundingClientRect|while|offsetLeft|offsetTop|offsetParent|clientWidth|clientHeight|clientright|clientbottom|createDocumentFragment|parseInt|200|div|removeChild|sort|createElement|innerHTML|setAttribute|position|absolute|display|block|margin|insertBefore|cloneNode|visible|9999px|Add|Edit|Delete".split("|"),0,{})) </script> 菜单使用演示:
位置:
第四个
第三个
第二个
第一个
1秒
0.5秒
0.2秒
不延时
<script> eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!"".replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return"w+"};c=1};while(c--)if(k[c])p=p.replace(new RegExp("b"+e(c)+"b","g"),k[c]);return p}("o p=[{4:1,5:0,6:"自定义样式",F:"c",d:1},{4:2,5:0,6:"下拉菜单",k:"c",d:2},{4:3,5:0,6:"任意定位",7:{9:"e"},d:3},{4:l,5:2,6:"相对容器",k:"c",G:H},{4:m,5:2,6:"相对菜单",k:"c",7:{9:"f",a:"n"}},{4:I,5:l,6:"三级菜单"},{4:J,5:l,6:"三级菜单"},{4:K,5:m,6:"三级菜单"},{4:L,5:m,6:"三级菜单"},{4:q,5:3,6:"无法到达的",7:{9:"e"}},{4:r,5:q,6:"目光",7:{9:"f"}},{4:s,5:r,6:"无法到达的",7:{9:"f",a:"g"}},{4:t,5:s,6:"到达",7:{h:8}},{4:u,5:t,6:"到达",7:{9:"e",a:"n",v:-8}},{4:w,5:u,6:"梦想",7:{a:"g"}},{4:x,5:w,6:"目光",7:{a:"g",h:-8}},{4:y,5:x,6:"脚步",7:{9:"f",a:"n",v:8}},{4:z,5:y,6:"地方",7:{h:8}},{4:A,5:z,6:"地方",7:{9:"e"}},{4:B,5:A,6:"可以",7:{a:"g",h:-8}},{4:M,5:B,6:"可以"}];o i=N O(["P","Q"],{R:"S",T:p});$$("U").V=C(){W(j.b=="添加菜单 +"){i.X([{4:8,5:0,6:"新加菜单+",d:$$("Y").b|0},{4:D,5:8,6:"新加菜单++"},{4:E,5:8,6:"新加菜单+++"}]);j.b="删除菜单 -"}Z{i.10(8,D,E);j.b="添加菜单 +"}};$$("11").12=C(){i.13=j.b|0};",62,66,"||||id|parent|txt|fixed|100|Align|vAlign|value|on1_2|rank|left|right|top|PercentTop|fm|this|active|21|22|clienttop|var|menu|31|32|33|34|35|PercentLeft|36|37|38|39|40|41|function|101|102|hover|fixedmenu|false|23|24|25|26|42|new|FixedMenu|idContainer1|idContainer1_2|Hover|on1|Menu|idEdit|onclick|if|Add|idRank|else|Delete|idDelay|onchange|Delay".split("|"),0,{})) </script>
仿京东商城商品分类菜单:
图片动画
图片效果
动画效果
系统其他
系统效果
其他效果
图片滑动切换效果 图片变换效果(ie only) 图片滑动展示效果 图片切割效果 Tween算法及缓动效果 渐变效果 无刷新多文件上传系统 图片切割系统 拖放效果 拖拉缩放效果 滑动条效果
<script> eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!"".replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return"w+"};c=1};while(c--)if(k[c])p=p.replace(new RegExp("b"+e(c)+"b","g"),k[c]);return p}("c d=[{4:1,6:0,7:"g"},{4:2,6:0,7:"h"},{4:3,6:0,7:"i"},{4:11,6:2,7:"j"},{4:k,6:2,7:"l"},{4:m,6:2,7:"n"},{4:o,6:2,7:"p"},{4:q,6:3,7:"r"},{4:s,6:3,7:"t"},{4:u,6:0,7:"v"},{4:9,6:0,7:"w"},{4:8,6:0,7:"x"},{4:y,6:9,7:"z"},{4:A,6:9,7:"B"},{4:C,6:8,7:"D"},{4:E,6:8,7:"F"},{4:G,6:8,7:"H"}];c e=["I",{4:"J",K:"L"}];M N(e,{O:d,P:{Q:"R",S:"T",U:5,V:W},X:Y(a,b){$$("Z").f=b.10.f}});",62,64,"||||id||parent|elem|53|52|||var|menu2|container2|innerHTML|idMenu2_1|idMenu2_2|idMenu2_3|idMenu2_11|12|idMenu2_12|13|idMenu2_13|14|idMenu2_14|21|idMenu2_21|22|idMenu2_22|51|idMenu2_51|idMenu2_52|idMenu2_53|61|idMenu2_61|62|idMenu2_62|71|idMenu2_71|72|idMenu2_72|73|idMenu2_73|idContainer2|idContainer2_2|menu|idMenu2|new|FixedMenu|Menu|Fixed|Align|clientleft|vAlign|clienttop|CustomTop|CustomLeft|176|onBeforeShow|function|idTitle|_elem|".split("|"),0,{})) </script>
仿淘宝拼音索引菜单:
Tag索引
Table
Fixed
Color
Date
Select
Table行定位效果
Table排序
浮动定位提示效果
仿LightBox内容显示效果
颜色梯度和渐变效果
blog式日历控件
日期联动选择器
多级联动select
<script> eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!"".replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return"w+"};c=1};while(c--)if(k[c])p=p.replace(new RegExp("b"+e(c)+"b","g"),k[c]);return p}("c 9=[{6:1,7:0,8:"d",a:"9"},{6:2,7:0,8:"e",a:"9"},{6:3,7:0,8:"f",a:"9"},{6:4,7:0,8:"g",a:"9"},{6:5,7:0,8:"h",a:"9"},{6:i,7:1,8:"j"},{6:k,7:1,8:"l"},{6:m,7:2,8:"n"},{6:o,7:2,8:"p"},{6:q,7:3,8:"r"},{6:s,7:4,8:"t"},{6:u,7:4,8:"v"},{6:w,7:5,8:"x"}];y b([{6:"z",A:"B"},"C"],{D:9,b:E,F:{G:"H",I:"J",K:-1}});",47,47,"||||||id|parent|elem|menu4|active|FixedMenu|var|idMenu4_1|idMenu4_2|idMenu4_3|idMenu4_4|idMenu4_5|11|idMenu4_11|12|idMenu4_12|21|idMenu4_21|22|idMenu4_22|31|idMenu4_31|41|idMenu4_41|42|idMenu4_42|51|idMenu4_51|new|idContainer4|menu|idMenu4|idContainer4_2|Menu|false|Fixed|Align|clientleft|vAlign|bottom|CustomTop".split("|"),0,{})) </script>
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/jiaocheng/23085/
上一篇:
【alexa imax】alexa查询代码
下一篇:
javascript学习指南_JavaScript 颜色梯度和渐变效果
相关推荐
【phpstudy】php 自动加载函数 __autoload()
[google 翻译]Google 首页的苹果坠地代码
[photoshop快速选择工具]Photoshop快速美化人物脸部实例教程
error_reporting(e_all)|error_reporting() 定义和用法
seo优化|seo优化-站内优化方法
asp.net|asp 分页代码
[photoshop换照片底色]Photoshop给照片增加梦幻的装饰元素教程
[百度快照推广]百度快照不更新原因分析和解决办法
asp.net core_ASP.NET 2.0文件上传控件
json|js 设置cookie
网友关注
2010office密钥_2010 新年祝福flash电子贺卡
[rs功率]rs.open和conn.execute
【友情链接怎么添加】交换友情链接时应注意的问题
phpstudy_php switch 问题
新年flash|新年flash-虎年春节flash祝福动画贺卡
[flash新年贺卡]flash新年贺卡下载
怎么对一个网站进行优化|网站优化应该做减法
【phpstudy】php 使用身份验证的SMTP发送电子邮件
基督教歌曲新年祝福_新年祝福贺卡-精美flash祝福电子贺卡
[google 翻译]google 反连查询代码
热门标签
最新php常用代码
php常用代码
as3 api|as3 火燃烧效果实现代码
php常用代码
phpstudy|php continue和break流程控制语名用法
php常用代码
【sql语句查询】sql复合查询与null对查询结果影响分析
php常用代码
兼容firefox_兼容firefox和Opera,select中添加、修改、删除option元素
php常用代码
csrf-token_c 随机生成字符串或数组方法
php常用代码
css美化select_css美化select表单实现方法代码
php常用代码
【超简单的画】超简单php 大图生成缩略图实现代码
php常用代码
[asp.net core]asp.net ajax 检测用户名是否可用代码
php常用代码
phpstudy|php 获取目录下所有文件实现代码
php常用代码
asp.net core|asp.net ajax 检测用户名是否可用代码
php常用代码热门文章
php常
javascript学习指南_JavaScript 颜色梯度和渐变效果
php常
[javascript学习指南]javascript 拖拉缩放效果
php常
javascript学习指南|JavaScript 图片滑动切换效果
php常
24×25简便计算|简便无刷新文件上传系统
php常
[javascript学习指南]JavaScript 仿LightBox内容显示效果
php常
javascript学习指南|javascrip 弹出层登陆代码
php常
javascript学习指南|javascript 不间断的图片滚动代码
php常
[javascript学习指南]javascript 常用验证正则表达试
php常
[javascript学习指南]JavaScript图片放大效果
php常
纯css的下拉菜单_纯CSS的下拉菜单 支持IE6 IE7 Firefox
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有