(function ($) { $.fn.swbanner = function (options) { var defaults = { animatetime: 300, delaytime: 5000 } var setting = $.extend({}, defaults, options); return this.each(function () { $obj = $(this); var o = setting.animatetime; var d = setting.delaytime; var $oban = $obj.find(".banlist li"); var _len = $oban.length; var $nav = $obj.find(".fomw a"); var _index = 0; var timer; //图片轮换 function showimg(n) { $oban.eq(n).addclass("active").siblings().removeclass("active"); $nav.eq(n).addclass("current").siblings().removeclass("current"); } //自动播放 function player() { timer = setinterval(function () { var _index = $obj.find(".fomw").find("a.current").index(); showimg((_index + 1) % _len); }, d) } // $nav.click(function () { if (!($oban.is(":animated"))) { _index = $(this).index(); showimg(_index); } }); // $oban.hover(function () { clearinterval(timer); }, function () { player(); }); player(); }); } })(jquery); // javascript document $(document).ready(function (e) { /***不需要自动滚动,去掉即可***/ time = window.setinterval(function () { $('.og_next').click(); }, 5000); /***不需要自动滚动,去掉即可***/ linum = $('.mainlist li').length; //图片数量 w = linum * 280; //ul宽度 $('.piclist').css('width', w + 'px'); //ul宽度 $('.swaplist').html($('.mainlist').html()); //复制内容 $('.og_next').click(function () { if ($('.swaplist,.mainlist').is(':animated')) { $('.swaplist,.mainlist').stop(true, true); } if ($('.mainlist li').length > 3) {//多于4张图片 ml = parseint($('.mainlist').css('left')); //默认图片ul位置 sl = parseint($('.swaplist').css('left')); //交换图片ul位置 if (ml <= 0 && ml > w * -1) {//默认图片显示时 $('.swaplist').css({ left: '1120px' }); //交换图片放在显示区域右侧 $('.mainlist').animate({ left: ml - 1120 + 'px' }, 'slow'); //默认图片滚动 if (ml == (w - 1120) * -1) {//默认图片最后一屏时 $('.swaplist').animate({ left: '0px' }, 'slow'); //交换图片滚动 } } else {//交换图片显示时 $('.mainlist').css({ left: '1120px' })//默认图片放在显示区域右 $('.swaplist').animate({ left: sl - 1120 + 'px' }, 'slow'); //交换图片滚动 if (sl == (w - 1120) * -1) {//交换图片最后一屏时 $('.mainlist').animate({ left: '0px' }, 'slow'); //默认图片滚动 } } } }) $('.og_prev').click(function () { if ($('.swaplist,.mainlist').is(':animated')) { $('.swaplist,.mainlist').stop(true, true); } if ($('.mainlist li').length > 4) { ml = parseint($('.mainlist').css('left')); sl = parseint($('.swaplist').css('left')); if (ml <= 0 && ml > w * -1) { $('.swaplist').css({ left: w * -1 + 'px' }); $('.mainlist').animate({ left: ml + 1120 + 'px' }, 'slow'); if (ml == 0) { $('.swaplist').animate({ left: (w - 1120) * -1 + 'px' }, 'slow'); } } else { $('.mainlist').css({ left: (w - 1120) * -1 + 'px' }); $('.swaplist').animate({ left: sl + 1120 + 'px' }, 'slow'); if (sl == 0) { $('.mainlist').animate({ left: '0px' }, 'slow'); } } } }) });