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

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>

例：
　　1、显示图片文章内容的切换效果：
<div class='clsImgList'><!--{$GetPicArticle(1,5|6,false,0,5,false,false,0,1,1,130,90,20,0,false,6)}--></div>
</div>
<div id='page2' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: hidden' class='clsImg'>
<div class='clsImgList'><!--{$GetPicArticle(1,7|8,false,0,5,false,false,0,1,1,130,90,20,0,false,6)}--></div>
</div>
　　2、显示文章列表内容的切换效果：
<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>

三、保存修改的模板，更新缓存即可看到效果。假如您开启了生成HTML功能则需生成相关页面。

附一：提供一段显示文章列表内容的切换效果完整代码：
<table class=center_tdbgall cellSpacing=0 cellPadding=0>
<tr>
<td class=main_title_760i>
<table style="WIDTH: 100%; HEIGHT: 19px" cellSpacing=0 cellPadding=0 <tr>
<td href="#" target=_blank><STRONG><FONT color=#ff6600>最新图片文章</FONT></STRONG></A></td>
<td </td>
</tr>
</table>

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