4.3 选项卡

Posted f9801

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了4.3 选项卡相关的知识，希望对你有一定的参考价值。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<style type="text/css">
		*{
			margin: 0px auto;
			padding: 0px;
		}
		#dd{
			width: 320px;
			height: 40px;
			
		}
		.nkk{
			width: 80px;
			height: 40px;
			text-align: center;
			line-height: 40px;
			vertical-align: middle;
			float: left;
		}
		.ijj{
			width: 320px;
			height: 300px;
		}
	</style>
</head>

<body>
	<div id="dd">
		<div class="nkk" style="background: red" onClick="Ca(‘uu‘)">军事</div>
		<div class="nkk" style="background: green;" onClick="Ca(‘uk‘)">新闻</div>
		<div class="nkk" style="background: blue;" onClick="Ca(‘un‘)">理论</div>
	</div>
	<div class="ijj" id="uu" style="background: red"></div>
	<div class="ijj" id="uk" style="background: green;display: none"></div>
	<div class="ijj" id="un" style="background: blue;display: none"></div>
</body>
	<script type="text/javascript">
		function Ca(a)
		{
			var pp = document.getElementById(a)
			var div = document.getElementsByClassName("ijj")
			for(i=0;i<div.length;i++)
				{
					div[i].style.display= "none";
				}
			pp.style.display= "block";
		}
	</script>
</html>

　　技术分享图片

效果图

以上是关于4.3 选项卡的主要内容，如果未能解决你的问题，请参考以下文章

从父片段到选项卡片段的接口侦听器不起作用

显示 ActionBar 选项卡的两个片段

Android - 一个选项卡中的多个片段

在具有多行标题的选项卡上设置片段

Android：如何在选项卡内从一个片段导航到另一个片段？ [关闭]

选项卡片段内的卡片视图