<DIV id="main_left"><script language="JavaScript" type="text/javascript"> var tID=0;var nn;nn=0;setTimeout('change_img()',4000);function change_img(){if(nn>4) nn=0setTimeout('ShowTabs('+nn+')',4000);nn++;tt=setTimeout('change_img()',4000);}
function ShowTabs(ID){var Tabss=document.getElementsByName("Tabs");Tabs[tID].style.display='none';Tabs[ID].style.display='block';menus.className='num bg'+ID;tID=ID;}</script>【ArticleList(0,0,false,SpecialID,5,false,false,,0,1,True,30,0)】<DIV class=focusPic id=Tabs style="DISPLAY:none"><DIV><A href="{$ArticleUrl}">{$ArticlePic(224,130)}</A></DIV><DIV id="box_tit"><A href="{$ArticleUrl}">{$Title}</A></DIV></DIV>【/ArticleList】<DIV class=focusPic><DIV class=textNum><DIV class="num bg0" id="menus"><UL><div ID="put_li"><A href="javascript:ShowTabs(0);" target=_self>1</A></div><div ID="put_li"><A href="javascript:ShowTabs(1);" target=_self>2</A></div><div ID="put_li"><A href="javascript:ShowTabs(2);" target=_self>3</A></div><div ID="put_li"><A href="javascript:ShowTabs(3);" target=_self>4</A></div><div ID="put_li"><A href="javascript:ShowTabs(4);" target=_self>5</A></div></UL></DIV></DIV></DIV><script language="JavaScript" type="text/javascript"> ShowTabs(0);</script>
</DIV></body></html>
CSS代码:
#main_left{width:248px;float:left;}
UL {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px}#box_tit{text-align:center;margin-left:auto;margin-right:auto;background:#e8e8e8;}#box_tit a{text-decoration:none;color:#790292;margin-top:4px;}#box_tit a:hover{color:#A00;}.focusPic {BACKGROUND: #fff; MARGIN: 0px auto; WIDTH: 224px;font-size:12px;margin-left:auto;margin-right:auto;}.textNum {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}.textNum .num {FLOAT: right; OVERFLOW: hidden; WIDTH: 140px; HEIGHT: 18px}.textNum .bg0 {BACKGROUND: url(Skin/img/num1.gif)}.textNum .bg1 {BACKGROUND: url(Skin/img/num2.gif)}.textNum .bg2 {BACKGROUND: url(Skin/img/num3.gif)}.textNum .bg3 {BACKGROUND: url(Skin/img/num4.gif)}.textNum .bg4 {BACKGROUND: url(Skin/img/num5.gif)}.textNum UL {FLOAT: left; WIDTH: 140px;text-align:center;}#put_li {display:block; }#put_li A {text-decoration:none;display:block;FONT-WEIGHT: bold; FLOAT: left; WIDTH: 25px; margin-right:0px; COLOR: #fff;text-align:center; margin:5px 3px 0px 0px;}#put_li A:hover {COLOR: #ff0; }
Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved. 闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)
鄂公网安备 42011102001154号
站长:MinTao ICP备案号:鄂ICP备11006601号-18