两个函数:setTab()是用来实现单击li项时,实现新闻列表的显示
be()是为了实现新闻列表的顺序自动显示
修正一下be() 函数为:<script type="text/javascript">
var j=1;
var i=1;
/* setTimeout("ts()",3000);*/
setInterval("ts()",10000);
function ts(){
for(i=1;i<=7;i++){
var menu=document.getElementById("one"+i);
var con=document.getElementById("con_"+"one"+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
j++;
if(j>7){
j=1;
}
}
</script>
be()是为了实现新闻列表的顺序自动显示
修正一下be() 函数为:<script type="text/javascript">
var j=1;
var i=1;
/* setTimeout("ts()",3000);*/
setInterval("ts()",10000);
function ts(){
for(i=1;i<=7;i++){
var menu=document.getElementById("one"+i);
var con=document.getElementById("con_"+"one"+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
j++;
if(j>7){
j=1;
}
}
</script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
/*onmouseover执行函数_带三参数*/
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script></head><body >
<div id="Tab1">
<div class="Menubox">
<ul>
<li id="one1" onmouseover="setTab('one',1,7)" class="hover">新闻1</li>
<li id="one2" onmouseover="setTab('one',2,7)">新闻2</li>
<li id="one3" onmouseover="setTab('one',3,7)">新闻3</li>
<li id="one4" onmouseover="setTab('one',4,7)">新闻4</li>
<li id="one5" onmouseover="setTab('one',5,7)">新闻5</li>
<li id="one6" onmouseover="setTab('one',6,7)">新闻6</li>
<li id="one7" onmouseover="setTab('one',7,7)">新闻7</li>
</ul>
</div><div class="Contentbox">
<div id="con_one_1" class="hover">新闻列表1</div>
<div id="con_one_2" style="display:none">新闻列表2</div>
<div id="con_one_3" style="display:none">新闻列表3</div>
<div id="con_one_4" style="display:none">新闻列表4</div>
<div id="con_one_5" style="display:none">新闻列表5</div>
<div id="con_one_6" style="display:none">新闻列表6</div>
<div id="con_one_7" style="display:none">新闻列表7</div>
</div>
</div>
<!--列表项循环JS_自执行,无参数-->
<script>
var j=1;
var i=1;
setInterval("cn()",5000);
function cn(){
for(i=1;i<7;i++){
if(i==j)
{ document.getElementById("one"+i).className='hover';
document.getElementById("con_one_"+i).style.display=''; }
else
{ document.getElementById("one"+i).className='';
document.getElementById("con_one_"+i).style.display='none';
}
}
j++;
if(j>=7){
j=1;
}
}
</script></body>