55、实例使用jQuery设计Tab选项卡

最新推荐文章于 2022-04-15 21:32:14 发布

xuxianmei

最新推荐文章于 2022-04-15 21:32:14 发布

阅读量632

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/tlxxm/article/details/37658707

版权

jQuery 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用jQuery设计Tab选项卡(暂时没有实现，因为没有相关的CSS样式)</title>
<script type="text/javascript" src="jquery-2.1.0.js"></script>
<script>
$(function()
{
	var uli=$(".tab ul li");
	var oli=$(".tab ol li");
	
	uli.addClass("normal");
	oli.addClass("none");
	})
</script>
</head>

<body>
<div class="tab">
<ul>
<li>Tab1</li>
<li>Tab2</li>
<li>Tab3</li>
</ul>

<ol>
<li><img src="images/001a.jpg" width="400"></li>
<li><img src="images/002b.jpg" width="400"></li>
<li><img src="images/006f.jpg" width="400"></li>
</ol>

</div>
</body>
</html>