jquery sideshow

来源：互联网发布：淘宝店和快递公司编辑：程序博客网时间：2024/06/03 10:14

简单变换，没有pager按钮

// eSlide: 图片轮番 // Usage:/* $('#slideshow').eSlide({stopTime: 3000,speed:800,width:'954px',height:'330px'});*/// Author: Ethan Chen(function($){ $.fn.extend({ eSlide:function(settings){ var $slc = $(this);var defaults = {time:2000,speed:500,effect:'fade',item:$slc.children(),width:$slc.width(),height:$slc.height()};var opt = $.extend({}, defaults, settings);var $item = $(opt.item),sum = $item.size(),current = 0;$slc.css({'position':'relative','width':opt.width,'height':opt.height});$item.css({'position':'absolute','top':0,'left':0,'z-index':20});var t; //timervar change=function(){$item.eq(current++).fadeOut( opt.speed );if(current == sum){current = 0;}$item.eq(current).fadeIn( opt.speed );t = setTimeout(change, opt.stopTime);};//鼠标事件绑定 $slc.hover(function(){ clearTimeout(t);}, function(){change();});//startchange();} }) })(jQuery);