如何实现虎摘军事网的图文调用页面切换特效效果？(3)_动易Cms教程

</td>
</tr>
<tr>
<td align=middle class=main_tdbg_760i>
<div id='page1' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: visible' class='clsImg' >
<div class='clsImgList'>
<div align="center" style=" background:#FF0000; color:#FFFFFF;">平面设计最新文章</div>
<!--{$GetArticleList(1,5,true,0,0,18,false,false,"",0,3,2,26,0,false,1,false,false,3,false,false,false,true,true,false,0,3,True,bbb,False)}--></div>
</div>
<div id='page2' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: hidden' class='clsImg'>
<div class='clsImgList'>
<div align="center" style=" background:#0000FF; color:#FFFFFF;">动漫设计最新文章</div>
<!--{$GetArticleList(0,0,false,0,0,18,false,false,"",0,1,2,26,0,false,1,true,false,0,true,false,true,true,false,false,1,3,True,bbb,False)}-->
</div>
</div>
<script language="javascript">
<!--
var tmpDiv1 = document.getElementById("page1");
var tmpDiv2 = document.getElementById("page2");

var bFlag = true;
var bShowDiv = true;

function playPage()
{
if(bFlag)
{
if(bShowDiv)
{
nextPage(tmpDiv1, true);
nextPage(tmpDiv2, false);
}
else
{
nextPage(tmpDiv1, false);
nextPage(tmpDiv2, true);
}
setTimeout('playPage()',5000);
}
else
{
setTimeout('playPage()',1000);
}
bShowDiv = !bShowDiv;
return;
}
function setbFlag(b)
{
bFlag = b;
return;
}
function nextPage(whichDiv, bShowDiv){
if(whichDiv != null)
{
//whichDiv.filters.revealTrans.Transition=Math.floor(Math.random()*23);
whichDiv.filters.revealTrans.apply();
if(bShowDiv)
{
whichDiv.style.visibility = 'hidden';
}
else
{
whichDiv.style.visibility = 'visible';
}
whichDiv.filters.revealTrans.play()
}
return;
}
//-->
</script>
</td>
</tr>
<tr>
<td class=main_shadow></td>

查看更多 动易Cms教程  动易Cms模板