如何實(shí)現(xiàn)虎摘軍事網(wǎng)的圖文調(diào)用頁(yè)面切換特效效果？_動(dòng)易Cms教程
問(wèn)題：這是虎摘軍事網(wǎng)的圖文調(diào)用頁(yè)面特效十分漂亮，哪位大哥能夠用ASP直接調(diào)用數(shù)據(jù)庫(kù)來(lái)生成？實(shí)例請(qǐng)看 http://junshi.huzhai.com/union/147.html。下面是飛揚(yáng)軍事論壇的圖文調(diào)用特效，像水平線掃描似的刷新出新的圖文，實(shí)例請(qǐng)看:http://junshi.huzhai.com/Detail.aspx?id=3800。
解決：根本不需要用ASP直接調(diào)用數(shù)據(jù)庫(kù)來(lái)生成。
內(nèi)容切換特效效果的操作步驟：
一、添加CSS樣式定義：
進(jìn)入后臺(tái)依次打開(kāi)“系統(tǒng)設(shè)置”->“網(wǎng)站風(fēng)格治理”，修改網(wǎng)站風(fēng)格，在里面添加以下的CSS樣式定義：
/* 圖文調(diào)用頁(yè)面特效定義 */
.clsImg{filter: revealTrans(transition=4,duration=2); width: 750px; position: absolute; margin-top:-62px;}
.clsImgList{width:750px;}
其中filter: revealTrans(transition=4,duration=2)定義了切換特效的內(nèi)容，transition表示設(shè)置或檢索轉(zhuǎn)換所使用的方式（4為向上擦除，有23種切換效果參數(shù)見(jiàn)附二），duration表示設(shè)置或檢索轉(zhuǎn)換完成所用的時(shí)間。position: absolute;表示將對(duì)象從文檔流中拖出。margin-top:-62px表示區(qū)塊上縮進(jìn)-62px，用以定位內(nèi)容。
這二個(gè)CSS可以自定義其內(nèi)容，在后面的模板中會(huì)相繼調(diào)用。
二、修改版式模板：
依次打開(kāi)“系統(tǒng)設(shè)置”->“網(wǎng)站通用模板頁(yè)治理”，修改網(wǎng)站首頁(yè)模板，在里面添加以下內(nèi)容：
1、在<body>中添加定義“onload="playPage()"”，如：<body onload="playPage()" leftmargin=0 topmargin=0 onmousemove='HideMenu()'>。
2、在需要顯示切換特效的地方添加以下代碼：
<div id='page1' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: visible' class='clsImg' >
<div class='clsImgList'>切換內(nèi)容一</div>
</div>
<div id='page2' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: hidden' class='clsImg'>
<div class='clsImgList'>切換內(nèi)容二</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;
}
- MAC錯(cuò)誤的解決方法
- 如何屏蔽動(dòng)易后臺(tái)導(dǎo)航里的某個(gè)功能菜單？
- 動(dòng)易.NET版本留言自動(dòng)選定欄目方法
- 動(dòng)易SiteFactoty整合Discuz!NT3.0
- 在任意位置獲取根節(jié)點(diǎn)ID標(biāo)簽
- 如何開(kāi)啟SiteWeaver6.8的支持，反對(duì)功能
- Windows 2008安裝動(dòng)易.NET系統(tǒng)之四----動(dòng)易系統(tǒng)安裝篇
- Windows 2008安裝動(dòng)易.NET系統(tǒng)之三----數(shù)據(jù)庫(kù)篇
- Windows 2008安裝動(dòng)易.NET系統(tǒng)之二----IIS、目錄環(huán)境配置篇
- 數(shù)據(jù)庫(kù)修復(fù)，SQL Server 2005內(nèi)部操作不一致的處理
- 如何安裝動(dòng)易.net程序權(quán)限配置
- 為什么提示對(duì)Windows系統(tǒng)文件夾下的Temp目錄沒(méi)有訪問(wèn)權(quán)限？
- 相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索如何實(shí)現(xiàn)虎摘軍事網(wǎng)的圖文調(diào)用頁(yè)面切換特效效果？
- 教程說(shuō)明：
動(dòng)易Cms教程-如何實(shí)現(xiàn)虎摘軍事網(wǎng)的圖文調(diào)用頁(yè)面切換特效效果？
。