效果图：

html>    jquery switchable图片轮播

"); //展示第一张图片 content.prependTo($(self)).find('img').attr('src',firstImg.attr('imgsrc')); show(curIndex); fn = setInterval(show,4000); a.bind('click',function(){ curIndex = a.index($(this)); show(); }); a.bind({ 'mouseenter':function(){ clearInterval(fn); },'mouseleave':function(){ fn = setInterval(show,4000); } }); function show(){ cur = $('ul li a',self).eq(curIndex); var src = cur.attr('imgsrc'); cur.addClass('cur').parent().siblings().find('a').removeClass('cur'); content.find('img').attr('src',src).css({width:'0px',height:'0px',left:'280px',top:'130px'}).animate({width:'560px',height:'260px',left:'0px',top:'0px'},300,function(){ }); curIndex == len-1? curIndex=0:curIndex++; }; }; })(jQuery);

item3
item4
item5
item6
item7
item8

ITPub博客

jquery图片轮播

效果图：

最新文章