完全用Js输出的Tab选项卡

2024-09-05 12:20:16

字体：大中小

来源：转载

供稿：网友

完全用Js输出的Tab选项卡，具体一点来说，就是用JavaScript的innerHTML输出的HTML代码，这个要看用途了，一般我们不这样弄，不过如果是在调用JS文件的时候，这个就派上用场了。

<title>完全用Js输出的Tab选项卡</title><style type="text/css"> #div {font-size:9pt;	width:360px;}.div_01{	border:1px solid #FFFFFF;	background-color:#3366CC;	width:60px;	height:30px;	float:left;	color:#FFFFFF;}#div_02 {	border:1px solid #000000;	width:360px;	height:300px;}</style><center><div id="div">	<div class="div_01" id="d1" onclick="run(this.id)">asp</div>	<div class="div_01" id="d2" onclick="run(this.id)">php</div>	<div class="div_01" id="d3" onclick="run(this.id)">jsp</div>	<div class="div_01" id="d4" onclick="run(this.id)">cgi</div>	<div class="div_01" id="d5" onclick="run(this.id)">vc</div>	<div class="div_01" id="d6" onclick="run(this.id)">图像</div>	<div id="div_02">初始化</div></div><Script type="text/JavaScript"> var oHTML=["asp","php","jsp","cgi","vc","<center><img src=/d/file/p/2024/09-05/47b62ffbc5bc19b795a9a6e8a9309f8d.gif style='border:6 red groove;filter:fliph;'><span style='width:234;height:33;'>"]function run(obj){	for(i=1;i<=6;i++)	{		eval("document.getElementById(/"d"+i+"/").style.backgroundColor=/"#3366cc/"");		document.getElementById(obj).style.backgroundColor="#FF0000";	}	document.getElementById("div_02").innerHTML=oHTML[obj.split("")[1]*1-1];}</Script>

上一篇：基于表格的 Tab

下一篇：有间隔带“更多”字样的选项卡