jquery 幻灯片 图片切换效果
js：
(function($){$.fn.extend({Tabs:function(options){// 处理参数options = $.extend({event : 'mouseover', //事件类型 timeout : 0, //设置事件延迟auto : 0, //多少秒自动切换一次 callback : null //回调函数}, options);var self = $(this),tabBox = self.children( 'div.tab_box' ).children( 'div' ),menu = self.find( 'ul.tab_menu' ),items = menu.find( 'li' ),timer;var tabHandle = function( elem ){elem.siblings( 'li' ).removeClass( 'current' ).end().addClass( 'current' );tabBox.siblings( 'div' ).addClass( 'hide' ).end().eq( elem.index() ).removeClass( 'hide' );},delay = function( elem, time ){time ? setTimeout(function(){ tabHandle( elem ); }, time) : tabHandle( elem );},start = function(){if( !options.auto ) return;timer = setInterval( autoRun, options.auto );},autoRun = function(){var current = menu.find( 'li.current' ),firstItem = items.eq(0),len = items.length,index = current.index() + 1,item = index === len ? firstItem : current.next( 'li' ),i = index === len ? 0 : index;current.removeClass( 'current' );item.addClass( 'current' );tabBox.siblings( 'div' ).addClass( 'hide' ).end().eq(i).removeClass( 'hide' );};items.bind( options.event, function(){delay( $(this), options.timeout );if( options.callback ){options.callback( self );}});if( options.auto ){start();self.hover(function(){clearInterval( timer );timer = undefined;},function(){start();});}return this;}});
})(jQuery);$(function() {$("#imgsider").Tabs({auto : 3000, event : 'click'}); //顶部 图片预览}）
页面：
上海地铁与艺术人文频道签署战略协议 
上海地铁与艺术人文频道签署战略协议3
上海地铁与艺术人文频道签署战略协议1 
上海地铁与艺术人文频道签署战略协议2
上海地铁与艺术人文频道签署战略协议3
上海地铁与艺术人文频道签署战略协议2本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！