【JS】MenuList.js示范脚本

admin

示范一：菜单样式随鼠标移动原始土办法，含下拉菜单，已淘汰。
var color=jQuery(".menu li .sela").css("background");jQuery(function(){jQuery(".menu ul li").hover(function(){jQuery(".menu li .sela").css("background","none");jQuery(this).children("ul").show()},function(){jQuery(".menu li .sela").css("background",color);jQuery(this).children("ul").hide()})})
模板：xy，案例参考：whxysm

示范二：菜单样式随鼠标移动，添加删除Class简洁化代码
jQuery(document).ready(function(){
var o=jQuery(".menu li .sela");
jQuery(function(){jQuery(".menu ul li").hover(function(){o.removeClass();},function(){o.addClass("sela");})})   
});
模板：fax，案例参考：yczqdn

示范三：带下拉菜单，菜单样式随鼠标移动
var o=jQuery(".menu .sel");
jQuery(function(){jQuery(".menu ul li").hover(function(){o.removeClass();jQuery(this).children("ul").slideDown();},function(){o.addClass("sela");jQuery(this).children("ul").slideUp();})}) ;
模板：jyfs，案例参与：gxjyfs

admin

CSS调整：菜单背景随鼠标弹性移动。
.menu{ height:88px; background:#fff; text-align:center;}
.menu .MenuCenter{ display:inline-block; font-size:0; position:relative;}
.menu ul li{ float:left; width:160px; text-align:center; position:relative; z-index:3;}
.menu ul li a{ display:block; line-height:88px; font-size:16px; font-weight:bold;}
.menu ul li a:hover{ color:#fff;}
.menu ul .sel a{ color:#ff0}

JS:
/*源码文件位置：JS插件库-->jquery.movebg.js
【内部】jquery.movebg.js原始带注释脚本
http://wh.ac.cn/forum.php?mod=viewthread&tid=1711&fromuid=1
*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?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}('(2($){$.U.6=2(j){3 k={G:".6",n:"q",4:$(".6").4()==1a?14:$(".6").4(),m:M,L:x,y:x};3 l=$.Y(k,j);X 8.D(2(){3 c=$(8);3 d=c.5("v");3 e=c.5("."+l.n).W();3 f=c.5(l.G);3 g;p(e==-1){e=0;g="1"}A{f.B()};3 h=r=e;3 i=l.m;f.z({t:""+l.4*e+"T"});d.D(2(a,b){$(b).S(2(){$("v",c).R(l.n);h=a;u();r=h})});c.Q(2(){h=e;u();p(g==1){f.s().N()}$("v",c).10(e).O(l.n)});2 u(){f.P();p(h<r){i=-K.I(l.m)}A{i=K.I(l.m)};f.H(2(){$(8).B().s(o,o).F({t:""+V(h*l.4+i)+""},l.L),2(){$(8).w()}});f.H(2(){$(8).s(o,o).F({t:+h*l.4},l.y),2(){$(8).w()}})}})}})(7);3 9=7(".Z");3 J="#11";7(9).5("12").13(\'<E 15="6"></E>\');7(9).5(".6").z({16:"17",18:"19",4:7(9).5(".q").4(),C:7(9).5(".q").C(),1b:J,1c:0,1d:0});7(9).6();',62,76,'||function|var|width|find|movebg|jQuery|this|root|||||||||||||extra|curli|true|if|sel|prev|stop|left|move|li|dequeue|300|rebound_speed|css|else|show|height|each|div|animate|bgclass|queue|abs|bgcolor|Math|speed|30|fadeOut|addClass|clearQueue|mouseleave|removeClass|mouseover|px|fn|Number|index|return|extend|menu|eq|D70C19|ul|after|120|class|display|none|position|absolute|null|background|top|zIndex'.split('|'),0,{}))

模板：feichi,yuda，案例：whfeichi,hondy