制作循环幻灯片放映效果(动易 DIV JS):
<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=0
setTimeout('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代码: