index.js

最新推荐文章于 2024-04-16 14:30:17 发布

原创最新推荐文章于 2024-04-16 14:30:17 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

java 同时被 2 个专栏收录

12 篇文章

订阅专栏

5 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的选项卡插件，通过简单的代码实现了选项卡切换效果。该插件利用jQuery选择器和事件处理功能，为网页提供了平滑的选项卡内容切换动画。

$(document).ready(function() { 

	(function ($) { 
		$('.tab ul.tabs').addClass('active').find('> li:eq(0)').addClass('current');
		
		$('.tab ul.tabs li a').click(function (g) { 
			var tab = $(this).closest('.tab'), 
				index = $(this).closest('li').index();
			
			tab.find('ul.tabs > li').removeClass('current');
			$(this).closest('li').addClass('current');
			
			tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').slideUp();
			tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').slideDown();
			
			g.preventDefault();
		} );
	})(jQuery);

});