<div class="topbrandlist" >next</span>  
*/

jQuery.fn.imageScroller = function(params){
 var p = params || {
  next:"buttonNext",
  prev:"buttonPrev",
  frame:"viewerFrame",
  width:100,
  child:"a",
  auto:true
 };
 var _btnNext = $("#"+ p.next);
 var _btnPrev = $("#"+ p.prev);
 var _imgFrame = $("#"+ p.frame);
 var _width = p.width;
 var _child = p.child;
 var _auto = p.auto;
 var _itv;
 
 var turnLeft = function(){
  _btnPrev.unbind("click",turnLeft);
  if(_auto) autoStop();
  _imgFrame.animate( {marginLeft:-_width}, 'fast', '', function(){
   _imgFrame.find(_child+":first").appendTo( _imgFrame );
   _imgFrame.css("marginLeft",0);
   _btnPrev.bind("click",turnLeft);
   if(_auto) autoPlay();
  });
 };
 
 var turnRight = function(){
  _btnNext.unbind("click",turnRight);
  if(_auto) autoStop();
  _imgFrame.find(_child+":last").clone().show().prependTo( _imgFrame );
  _imgFrame.css("marginLeft",-_width);
  _imgFrame.animate( {marginLeft:0}, 'fast' ,'', function(){
   _imgFrame.find(_child+":last").remove();
   _btnNext.bind("click",turnRight);
   if(_auto) autoPlay();
  });
 };
 
 _btnNext.css("cursor","hand").click( turnRight );
 _btnPrev.css("cursor","hand").click( turnLeft );
 
 var autoPlay = function(){
   _itv = window.setInterval(turnLeft, 3000);
 };
 var autoStop = function(){
  window.clearInterval(_itv);
 };
 if(_auto) autoPlay();
};


相关文章:

  • 2022-12-23
  • 2018-08-23
  • 2022-01-15
  • 2022-12-23
  • 2022-12-23
  • 2022-01-12
猜你喜欢
  • 2022-02-20
  • 2021-10-04
  • 2022-12-23
  • 2021-08-01
  • 2021-10-23
  • 2022-01-21
  • 2022-12-23
相关资源
相似解决方案