优纳美食网

全部频道

您的当前位置：首页点击标签切换和自动切换DIV选项卡_javascript技巧

点击标签切换和自动切换DIV选项卡_javascript技巧

来源：优纳美食网


代码如下:



点击切换和自动切换选项卡


function setTab(name,cursel){
cursel_0=cursel;
for(var i=1; i<=links_len; i++){
var menu = document.getElementById(name+i);
var menudiv = document.getElementById("con_"+name+"_"+i);
if(i==cursel){
menu.className="off";
menudiv.style.display="block";
}
else{
menu.className="";
menudiv.style.display="none";
}
}
}
function Next(){
cursel_0++;
if (cursel_0>links_len)cursel_0=1
setTab(name_0,cursel_0);
}
var name_0='one';
var cursel_0=1;
var links_len,iIntervalId;
onload=function(){
var links = document.getElementById("tab1").getElementsByTagName('li')
links_len=links.length;
for(var i=0; i links[i].onmouseover=function(){
clearInterval(iIntervalId);
}
}
document.getElementById("con_"+name_0+"_"+links_len).parentNode.onmouseover=function(){
clearInterval(iIntervalId);
}
setTab(name_0,cursel_0);
}







  • 标签1

  • 标签2

  • 标签3

  • 标签4




    • 标签1-内容


    标签2-内容


    标签3-内容


    标签4-内容
    显示全文