/* 代码整理:大头网 www.datouwang.com */ (function($){ $.fn.movebg=function(options){ var defaults={ width:120,/*移动块的大小*/ extra:50,/*反弹的距离*/ speed:300,/*块移动的速度*/ rebound_speed:300/*块反弹的速度*/ }; var defaultser=$.extend(defaults,options); return this.each(function(){ var _this=$(this); var _item=_this.children("ul").children("li").children("a");/*找到触发滑块滑动的元素 */ var origin=_this.children("ul").children("li.on").index();/*获得当前导航的索引*/ var _mover=_this.find(".move-bg");/*找到滑块*/ var hidden;/*设置一个变量当html中没有规定cur时在鼠标移出导航后消失*/ if (origin==-1){origin=0;hidden="1"} else{_mover.show()};/*如果没有定义cur,则默认从第一个滑动出来*/ var cur=prev=origin;/*初始化当前的索引值等于上一个及初始值;*/ var extra=defaultser.extra;/*声明一个变量表示额外滑动的距离*/ _mover.css({left:""+defaultser.width*origin+"px"});/*设置滑块当前显示的位置*/ //设置鼠标经过事件 _item.each(function(index,it){ $(it).mouseover(function(){ cur=index;/*对当前滑块值进行赋值*/ _this.children("ul").children("li").removeClass("on"); move(); prev=cur;/*滑动完成对上个滑块值进行赋值*/ }); }); _this.mouseleave(function(){ cur=origin;/*鼠标离开导航时当前滑动值等于最初滑块值*/ move(); _this.children("ul").children("li:eq("+origin+")").addClass("on"); if(hidden==1){_mover.stop().fadeOut();}/*当html中没有规定cur时在鼠标移出导航后消失*/ }); //滑动方法 function move(){ _mover.clearQueue(); if(cur