TAB选项卡代码请教

OnceMyselfMonkey 2011-08-11 05:08:26



<SCRIPT>

var k=0;

var name="nav"+k;

if(document.getElementById(name))

{

	document.getElementById(name).className="here";

}

else

{

	document.getElementById("nav0").className="here";

}

</SCRIPT>



<UL>

  <LI id=nav0><A href="/">首  页</A></LI>

  <LI id=nav1><A href="/index.html" target="_blank" >商  务</A></LI>

  <LI id=nav2><A href="/plus/list.php?id=28">广  告</A></LI>

  <LI id=nav3><A href="/plus/list.php?id=29">公  关</A></LI>

  <LI id=nav4><A href="/plus/list.php?id=30">品  牌</A></LI>

  <LI id=nav5><A href="/plus/list.php?id=31">媒  体</A></LI>

  <LI id=nav6><A href="/plus/list.php?id=32">招  聘</A></LI>

  <LI id=nav9><A href="/plus/list.php?id=33">行业观察</A></LI>

  <LI id=nav7><A href="/plus/list.php?id=34">每日头条</A></LI>

</UL

这个是从网上模仿别人的可是换栏目的时候var k=0不变应该怎么改呢

...全文

372 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

hch126163 2011-08-12

打赏
举报

js 无插件选项卡支持自动切换

CN-Linus 2011-08-11

打赏
举报

给力嘿嘿顶一个

不关橙猫猫事的哦 2011-08-11

打赏
举报

下班之前送你一个。。。



<html>

	<head>

		<script>

			var tdCount = 4;

			function overTd(td)

			{

				for(var i = 1;i <= tdCount;i++)

				{

					var tempTd = document.getElementById("td"+i);

					var tempDiv = document.getElementById("div"+i);

					if(tempTd == td)

					{

						tempDiv.style.display = "block";

						tempTd.style.borderBottom = "none";

					}

					else

					{

						tempDiv.style.display = "none";

						tempTd.style.borderBottom = "1px solid #CBCBCB";

					}

				}

			}

		</script>

	</head>

	<body>

		<table style="width:600px;height:300px;border-collapse:collapse;" cellspacing="0" cellpadding="0">

			<tr>

				<td style="width:50px;height:30px;"> </td>

				<td id="td1" onmouseover="overTd(this)" style="width:100px;border:1px solid #CBCBCB;border-bottom:none;" align="center">td1</td>

				<td style="width:10px;border:none;border-bottom:1px solid #CBCBCB;"> </td>

				<td id="td2" onmouseover="overTd(this)" style="width:100px;border:1px solid #CBCBCB;" align="center">td2</td>

				<td style="width:10px;border:none;border-bottom:1px solid #CBCBCB;"> </td>

				<td id="td3" onmouseover="overTd(this)" style="width:100px;border:1px solid #CBCBCB;" align="center">td3</td>

				<td style="width:10px;border:none;border-bottom:1px solid #CBCBCB;"> </td>

				<td id="td4" onmouseover="overTd(this)" style="width:100px;border:1px solid #CBCBCB;" align="center">td4</td>

				<td style=""> </td>

			</tr>

			<tr>

				<td style="width:50px;height:2px;border-left:1px solid #CBCBCB;border-top:1px solid #CBCBCB;"> </td>

				<td style="width:100px;border:none;"> </td>

				<td style="width:10px;"> </td>

				<td style="width:100px;"> </td>

				<td style="width:10px;"> </td>

				<td style="width:100px;"> </td>

				<td style="width:10px;"> </td>

				<td style="width:100px;"> </td>

				<td style="border-top:1px solid #CBCBCB;border-right:1px solid #CBCBCB;"> </td>

			</tr>

			<tr>

				<td colspan="9" style="border:1px solid #CBCBCB;border-top:none;">

					<div id="div1" style="">div1

					</div>

					<div id="div2" style="display:none;">div2

					</div>

					<div id="div3" style="display:none;">div3

					</div>

					<div id="div4" style="display:none;">div4

					</div>

				</td>

			</tr>

		</table>

	<body>

</html>

MuBeiBei 2011-08-11

打赏
举报

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="http://www.wanmei.com/public/js/jq_132.js"></script>

</head>

<style>

.here{background:#0C3;}

.nohere{background:#66F;}

</style>

<body>







<UL>

  <LI id=nav0><A href="/">首  页</A></LI>

  <LI id=nav1><A href="/index.html" target="_blank" >商  务</A></LI>

  <LI id=nav2><A href="/plus/list.php?id=28">广  告</A></LI>

  <LI id=nav3><A href="/plus/list.php?id=29">公  关</A></LI>

  <LI id=nav4><A href="/plus/list.php?id=30">品  牌</A></LI>

  <LI id=nav5><A href="/plus/list.php?id=31">媒  体</A></LI>

  <LI id=nav6><A href="/plus/list.php?id=32">招  聘</A></LI>

  <LI id=nav9><A href="/plus/list.php?id=33">行业观察</A></LI>

  <LI id=nav7><A href="/plus/list.php?id=34">每日头条</A></LI>

</UL>

<SCRIPT>

	var lis = document.getElementsByTagName('li'),

	len = lis.length;

	

	for(var i = 0; i < len; i++){

		lis[i].onclick = function(){

			for(var j = 0; j < len; j++){

				lis[j].className = 'nohere';	

			}

			this.className = 'here';	

		};	

	}

</SCRIPT>

</body>

</html>