javascript 标签自动切换

来源:百度知道 编辑:UC知道 时间:2024/07/02 06:57:00
我要在一个html文件中用JavaScript实现li标签的自动切换
代码如下:
<li class="active" name="kpi01" onclick="nTabs(this,0);">
<span>页面1</span></li>
<li class="normal" name="kpi02" onclick="nTabs(this,1);">
<span>页面2</span></li>
<li class="normal" name="kpi03" onclick="nTabs(this,2);">
<span>页面3</span></li>

页面1和页面2都在IE中间的地方有include页面 ,也就是用两个标签转换中间地方得页面 求实现的JavaScript代码
这里的onclick里的代码如下
function nTabs(thisObj,Num){
if(thisObj.className == "active")return;
var tabObj = thisObj.parentNode.id;
var tabList = document.getElementById(tabObj).getElementsByTagName("li");
for(i=0; i <tabList.length; i++)
{
if (i == Num)
{
thisObj.className = "active";
document.getElementById(tabObj+"_Content"+i).style.display

<li class="active" name="kpi01" onclick="nTabs(this,0);">
<span>页面1</span></li>
<li class="normal" name="kpi02" onclick="nTabs(this,1);">
<span>页面2</span></li>
<li class="normal" name="kpi03" onclick="nTabs(this,2);">
<span>页面3</span></li>

<script>
var seln = "kpi01";
function nTabs(thisObj,Num){
if(thisObj.name == seln) return;
thisObj.className = "active";
document.getElementByName("seln").className = "normal";
seln = thisObj.name;
}
</script>

将3个span分别命名为 span0, span1,span2, onclick代码大致修改如下:
var tab = 0; // 全局变量,记录当前显示的是哪个tab。
function nTabs(thisObj,Num){
if(tab == Num) return;
document.getElementById("span"+Num).style.display = "block";