最簡單的欄目切換方法(樣式系列之欄目切換篇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)
。