jquery实现的Tab效果插件

最新推荐文章于 2024-07-29 18:19:14 发布

ibogood

最新推荐文章于 2024-07-29 18:19:14 发布

阅读量629

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/ibogood/article/details/8477891

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<html>
<head>
	<script language="javascript" src="jquery.min.js"></script>
</head>
<body>
	<script language="javascript">
		(function($)
		{
			$.fn.extend
			({
				"showTab":function(con)
				{
					var p=$(this);
					$(con).hide();
					$(con).eq(0).show();
					p.each(function(index){
						$(this).mouseover(function(){
						$(con).hide();
						$(con).eq(index).show();
						});
					});
				}
			});
		})(jQuery);
		$(function(){
			$(".tab a").showTab(".tab .con");
		});
	</script>
	<div class="tab">
		<a href="">百度</a>
		<a href="">新浪</a>
		<div class="con">百度</div>
		<div class="con">新浪</div>
	</div>
</body>
</html>