jquery图片无缝切换

css:.myul {width: 1500px;overflow: hidden;position: absolute;}.myul li {width: 150px;height: 150px;float: left;overflow: hidden;position: relative;}.slidediv {float: left;width: 750px;height: 150px;overflow: hidden;position: relative;}HTML:<div class&＃61;"slidediv"><ul class&＃61;"myul"><li><a class&＃61;"img_b"><img alt&＃61;"" width&＃61;"150" height&＃61;"150" src&＃61;"images/1_s.jpg"/>a>li><li><a class&＃61;"img_b" href&＃61;"#"><img alt&＃61;"" width&＃61;"150" height&＃61;"150" src&＃61;"images/2_s.jpg"/>a>li>ul>
div>

(function ($) {$.fn.ImgSlide &＃61; function (options) {var defaults &＃61; {showImages: 3,//默认显示图片数量speed: 400,//移动速度leftBtn: ".leftBtn", //默认左按钮rightBtn: ".rightBtn", //默认右按钮autoSlide: true,//默认自动移动为trueRightSlid: false, //默认向右移动为falseautoSpeed: 2000,//自动移动的时间moreSlide: "setOne" //多处图片移动&＃xff0c;设置不同的class
};var options &＃61; $.extend(defaults, options);var $this &＃61; $(this),li &＃61; $this.find(&＃39;li&＃39;),myFn;var li_width &＃61; li.outerWidth(true);var liwidth &＃61; li.width();$this.css({width: 5500,left:- li_width,overflow: "hidden",position: "absolute"});li.css({float: &＃39;left&＃39;,overflow: "hidden",position: "relative"});init();$(options.leftBtn).click(function () {MoveLeft();});//点击按钮向右移动;$(options.rightBtn).click(function () {MoveRight();});function init() {var showWidth &＃61; li_width * options.showImages ;$this.wrap("

");$(&＃39;.slidediv&＃39;).css({height:liwidth,width: showWidth,overflow: "hidden",position: "relative",float: "left"});$this.animate({ left: 0 },0, function () {$(this).css({ left: -li_width }).find("li:last").prependTo(this);});if (options.autoSlide) {if (options.RightSlid) {myFn &＃61; setInterval(MoveRight, options.autoSpeed);autoSlides(MoveRight);}else {myFn &＃61; setInterval(MoveLeft, options.autoSpeed);autoSlides(MoveLeft);}}}function MoveLeft() {$this.stop().animate({ left: 0 }, options.speed, function () {$(this).css({ left: -li_width }).find("li:last").prependTo(this);});}function MoveRight() {$this.stop().animate({ left: -li_width*2 }, options.speed, function () {$(this).css({ left: -li_width }).find("li:first").appendTo(this);});}function autoSlides(fn) {$this.mouseover(function () {clearInterval(myFn);}).mouseout(function () {myFn &＃61; setInterval(fn, options.autoSpeed);});$(options.leftBtn).mouseover(function () {clearInterval(myFn);}).mouseout(function () {myFn &＃61; setInterval(fn, options.autoSpeed);});$(options.rightBtn).mouseover(function () {clearInterval(myFn);}).mouseout(function () {myFn &＃61; setInterval(fn, options.autoSpeed);});}}
})(jQuery);

<script type&＃61;"text/Javascript">$(function () {$(&＃39;.myul&＃39;).ImgSlide({showImages: 6});});script>