最简单的栏目切换方法(样式系列之栏目切换篇2)(2)_风讯Cms教程
<LINK
href="test2/play.css" type=text/css
rel=stylesheet>
<SCRIPT>
var SwapID=0;
var PauseTime=15*1000;
var Timer1;
function swap(Obj)
{
var st = document.getElementsByName('lt2');
var j;
if(st.length>0)
{
for(j=0; j<st.length; j )
{
if(st[j]==Obj)
{
lt2[j].style.display='';
//mt[j].style.background='url(images/lb1.gif)';#C8D5DD;
//mt[j].style.background='#F2F7FD';
mt[j].style.background='#ADC1DA'
mt[j].style.color='#FFFFFF'
}
else
{
lt2[j].style.display='none';
mt[j].style.background='#FFFFFF';
mt[j].style.color='#333333'
}
}
}
}
function AutoSwap()
{
//StopSwap();Swap(lt[SwapID])
for (i=0;i<3;i )
Swap(lt[i]);
//SwapID =1;
//if (SwapID==3) { SwapID=1; }
Timer1=setTimeout("AutoSwap()",PauseTime);
}
function StopSwap()
{
clearTimeout(Timer1);
}
</SCRIPT>
<META content="MSHTML 6.00.3790.2759" name=GENERATOR></HEAD>
<BODY>
<DIV id=all>
<DIV id=ppyule></DIV>
<!--子菜单
<!--正文开始,相关内容
<DIV id=ppyule>
<DIV id=left_top>
<DIV id=xiangguan>
<DIV
style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px"><SPAN
id=mt onmouseover=swap(lt2[0]);
style="BACKGROUND: #adc1da; COLOR: #ffffff">相关内容</SPAN><SPAN id=mt
onmouseover=swap(lt2[1]);>本类更新</SPAN><SPAN id=mt
onmouseover=swap(lt2[2]);>本类排行</SPAN></DIV><!--相关内容
<DIV id=lt2>
风讯标签1</DIV><!--最近更新
<DIV id=lt2 style="DISPLAY: none">
风讯标签2</DIV><!--本类排行
<DIV id=lt2 style="DISPLAY: none">
风讯标签3</DIV></DIV>
</DIV>
</DIV>
</DIV>
<!--end all</BODY></HTML>
依旧是你可以参考对照的源代码：
点击浏览该文件
- 相关链接：
- 教程说明：
风讯Cms教程-最简单的栏目切换方法(样式系列之栏目切换篇2)(2)
。