﻿/*
功能：实现选项卡切换
*/
<!--实现选项卡自动切换 begin-->
/*
var tabArray=new Array("dongtai1","dongtai","dongtai11");//添加要自动切换的tab选项卡的ID
var num=new Array();//循环自增的变量
for(var n=0;n<tabArray.length;n++)
{
	num[n]=0;
}
var tabinterval=new Array(tabArray.length);
var count=new Array(tabArray.length);
var j=new Array(tabArray.length);
var k=new Array(tabArray.length);
function randomChangeTab(index)
{
	//得到每组tab下面有几个子节点
	count[index]=document.getElementById(tabArray[index]).children[0].children.length;
	if(num[index]>=count[index])
	{
		num[index]=0;
	}
	for(j[index]=0;j[index]<count[index];j[index]++)
	{
		if(document.getElementById(tabArray[index]).children[1].children[j[index]]!=null)
		{
			if(j[index]==num[index])
			{
				document.getElementById(tabArray[index]).children[0].children[j[index]].className="tabdivon";
				document.getElementById(tabArray[index]).children[1].children[j[index]].style.display="block";
			}
			else
			{
				document.getElementById(tabArray[index]).children[0].children[j[index]].className="tabdivoff";
				document.getElementById(tabArray[index]).children[1].children[j[index]].style.display="none";
			}
		}
	}
	num[index]++;
}
//页面加载调用的方法
function loadtab()
{
		tabinterval[0]=setInterval(function(){randomChangeTab(0);},5000);
		tabinterval[1]=setInterval(function(){randomChangeTab(1);},5000);
		tabinterval[2]=setInterval(function(){randomChangeTab(2);},5000);
	
		//添加要自动切换的tab选项卡 和上面的tabArray 大小对应
}
<!--实现选项卡自动切换 end -->
*/
function changeTab(node)
{
	var nodeParent=node.parentNode.parentNode;
	var nodeParentId=nodeParent.id;
	var count=nodeParent.children[0].children.length;
	var num=1;
	for(var i=1;i<=count;i++)
	{
		if(nodeParent.children[1].children[i-1]!=null)
		{	
			nodeParent.children[0].children[i-1].className="tabdivoff";
			nodeParent.children[1].children[i-1].style.display="none";	
		}
		if(nodeParent.children[0].children[i-1].id==node.id)
		{
			num=i;
		}
	}
	node.className="tabdivon";
	nodeParent.children[1].children[num-1].style.display="block";
	/*
	<!--如果不用自动切换选项卡 把这段代码注释掉 begin-->
	for(var m=0;m<tabinterval.length;m++)
	{
		
		if(nodeParentId==tabArray[m])
		{
			
			clearInterval(tabinterval[m]);
		}
	}
	<!--如果不用自动切换选项卡 把这段代码注释掉 end-->
	*/
}
//鼠标离开执行的方法
/*
var mouseover;
function mouseout()
{
	clearTimeout(mouseover);
}
<!--当鼠标移上去2秒后执行的方法-->
function overChangeTab(node)
{
	mouseover=setTimeout(function(){changeTab(node);},2000);
}
*/


