Reference Scrollimg.js
(function(win, Doc, $){var scrollimg = {Fxcurr: Function(){if(!_this.def){This.lfclick.find("B"). addclass("Curr");}else{This.lfclick.find("B"). removeclass("Curr");} if(_thisdef==-(_this. Clonum-1)){This.rfclick.find("B"). addclass("Curr");}else{This.rfclick.find("B"). removeclass("Curr");} _this.scrollele.stop(). animate({left: _this. Width*_this.slen*_this.def},_this.speed,_this.easing);}, Lbind: Function(){This.lfclick.click(function(){_this.def=_this.def++>=0? ) 0: _this. def; _this.fxcurr(); })}, Rbind: Function(){This.rfclick.click(function(){_this.def=_this.def--<=-(_this. Clonum-1)? (_this. Clonum-1) : _this. def; _this.fxcurr(); })}, Init:function(obj){_this=this;This.wrap = $(obj. Wrap);This.speed = Obj.speed | | +;this.lfclick=$(obj. Leftclick);this.rfclick=$(obj. RightClick);this.scrollele=$(obj. Scrollele);This.curr = Obj.curr | |"Curr";This.len=this.scrollele.children(). length;this.slen=obj.slen| |4;This.clonum=math.ceil(this. Len/this.slen);this.def=0;This.width = This.scrollele.children(). eq(0). outerwidth(true);this.easing = Obj.easing | | Null;This.lfclick.find("B"). addclass("Curr");If(this .clonum<2)This.rfclick.find("B"). addclass("Curr");This.lbind();This.rbind();} };Win.scrollimg = scrollimg;})(window, document, JQuery);
To add a method:
$(function(){scrollImg.init({ wrap:".scrollwrap", leftclick:".coll-left", rightclick:".coll-right", scrollele:".scrollwrap ul" }); })
HTML page
<div class="collection-list clearfix"> <span class="Coll-left"><b class="Mico m-left"></b></span> <div class="Scrollwrap"> <ul> <li> <a href="#"><img src="images/pro.jpg" /></a> <p>¥151</P> </li> <li> <a href="#"><img src="images/pro.jpg" /></a> <p>¥152</P> </li> <li> <a href="#"><img src="images/pro.jpg" /></a> <p>¥152</P> </li> <li> <a href="#"><img src="images/pro.jpg" /></a> <p>¥152</P> </li> <li> <a href="#"><img src="images/pro.jpg" /></a> <p>¥152</P> </li> </ul> </div> <span class="Coll-right textr"><b class="Mico m-right"></b></span></div>
Welcome to the Csdn-markdown Editor