jQuery.fn.imageScroller = function(params){ var p = params || { next:"buttonNext", prev:"buttonPrev", frame:"scrollerFrame", width:240, child:"a", time:40000, 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 _time = p.time; var _itv; var turnLeft = function(){ _btnPrev.unbind("click",turnLeft); if(_auto) autoStop(); _imgFrame.animate( {marginLeft:-_width}, '10000', '', 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}, '10000' ,'', 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, _time); //·Ñ¸µ ½Ã°£ ¼³Á¤ 3000=3ÃÊ }; var autoStop = function(){ window.clearInterval(_itv); }; if(_auto) autoPlay(); };