Javascript的Tab标签页变换

&lt;script&gt;
function changeJobTab(tabIndex)
{
tabJobCount = 4;
for (i = 1; i &lt;= tabJobCount; i++)
{
tab = document.getElementById("JobTab" + i);
content = document.getElementById("JobDescription" + i);

if (i == tabIndex)
{
tab.className = "ActiveJobTab";
content.className = "ActiveJobDescription";
}
else
{
tab.className = "";
content.className = "HiddenJobDescription";
}
}
}
&lt;/script&gt;
&lt;div id="zhaopin"&gt;
&lt;div id="zptitle"&gt;&lt;a href="http://job.csdn.net" target="_blank" &gt;人才招聘榜&lt;/a&gt;&lt;/div&gt;
&lt;div id="zpnav"&gt;
&lt;ul id="JobTab"&gt;
&lt;li&gt;
&lt;a id="JobTab1" onclick="changeJobTab(1); return false;" class="ActiveJobTab" href="#"&gt;企业榜&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a id="JobTab2" onclick="changeJobTab(2); return false;" href="#"&gt;职位榜&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a id="JobTab3" onclick="changeJobTab(3); return false;" href="#"&gt;新闻榜&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a id="JobTab4" onclick="changeJobTab(4); return false;" href="#"&gt;简历榜&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;dl class="RightContentBlock" id="SpecRecomm"&gt;
&lt;dd id="JobInfomation_Description"&gt;
&lt;ul&gt;
&lt;div id="JobDescription1" class="ActiveJobDescription" &gt;
&lt;li&gt;&lt;/li&gt;
&lt;/div&gt;
&lt;div id="JobDescription2" class="HiddenJobDescription" &gt;
&lt;li&gt;&lt;/li&gt;
&lt;/div&gt;
&lt;div id="JobDescription3" class="HiddenJobDescription" &gt;
&lt;li&gt;&lt;/li&gt;
&lt;/div&gt;
&lt;div id="JobDescription4" class="HiddenJobDescription" &gt;
&lt;li&gt;&lt;/li&gt;
&lt;/div&gt;
&lt;/ul&gt;
&lt;/dd&gt;
&lt;/dl&gt;

function changeJobTab(tabIndex)

{

tabJobCount = 4;

for (i = 1; i <= tabJobCount; i++)

{

tab = document.getElementById("JobTab" + i);

content = document.getElementById("JobDescription" + i);

if (i == tabIndex)

{

tab.className = "ActiveJobTab";

content.className = "ActiveJobDescription";

}

else

{

tab.className = "";

content.className = "HiddenJobDescription";

}

</script>

<div id="zptitle"><a href="http://job.csdn.net" target="_blank" >人才招聘榜</a></div>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

<ul>

</div>

</div>

</div>

</div>

</ul>

</dd>

</dl>

一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

发表回复 取消回复

相关文章

发表回复取消回复