TopList標(biāo)簽和JavaScript結(jié)合兩例
更新時(shí)間：2007年08月12日 15:57:39 作者：
(SteamCMS)Fish模版專貼一：TopList標(biāo)簽和JavaScript結(jié)合兩例
首先可以先參考 SteamCMS 標(biāo)準(zhǔn)模版標(biāo)簽說(shuō)明 來(lái)了解一下TopList標(biāo)簽及其屬性。
在Top列表的記錄前加上數(shù)字（當(dāng)然也可以是圖片，這里只是簡(jiǎn)單的舉個(gè)例子）。
原理說(shuō)明：先在最前面初始化一個(gè)js變量，在TopList中間，將Js變量加1,并在TopList循環(huán)體中間輸出（我寫asp代碼一樣的道理）
關(guān)鍵代碼：
<body>
<script language="javascript">
//全局變量
var i=1;
//輸出i，并i自增
function doit(){
document.write(i);
i++;
}
</script>
<!--Steam:TopList ChannelID='0' Type='Commend' IsTop='False' HasImage='False' Number='20' Cols='1' EnterTag='' -->
<script language="javascript">doit();</script>.<!--Steam:ContentField FieldName='Title' Length='-1' /-->
<!--/Steam:TopList-->
</body>
代碼中，綠色部分定義了一個(gè)全局變量i，和一個(gè)函數(shù)doit。doit函數(shù)在循環(huán)體的紅色部分運(yùn)行，輸出i。藍(lán)色為TopList標(biāo)簽。紅色代碼后面的暗黃色是標(biāo)題。上面代碼的結(jié)果就會(huì)在每條記錄前加上數(shù)字。簡(jiǎn)單吧。嘿嘿。
第二例：每隔五行插入一空行，如：
在Top列表每隔五行插入一空行（當(dāng)然也可以是圖片，或者其他負(fù)責(zé)的代碼）。
原理說(shuō)明：先在最前面初始化一個(gè)js變量，在TopList中間，將Js變量加1,并在TopList循環(huán)體中計(jì)算此js變量是否被5整除，是就輸出空行。
關(guān)鍵代碼：
<body>
<script language="javascript">
//全局變量
var i=1;
//輸出i，并i自增
function doit(){
if(i%5==0){//是否被5整除
document.write("<br />");
}
i++;
}
</script>
<!--Steam:TopList ChannelID='0' Type='Commend' IsTop='False' HasImage='False' Number='20' Cols='1' EnterTag='' -->
<!--Steam:ContentField FieldName='Title' Length='-1' /--><script language="javascript">doit();</script>
<!--/Steam:TopList-->
</body>
代碼中，綠色部分定義了一個(gè)全局變量i，和一個(gè)函數(shù)doit。doit函數(shù)在循環(huán)體的紅色部分運(yùn)行，判斷是否被5整除，是就輸出<br>。藍(lán)色為TopList標(biāo)簽。紅色代碼前面的黃色是標(biāo)題。上面代碼的結(jié)果就會(huì)在每隔五行插入一空行。簡(jiǎn)單吧。嘿嘿。
首先可以先參考 SteamCMS 標(biāo)準(zhǔn)模版標(biāo)簽說(shuō)明 來(lái)了解一下TopList標(biāo)簽及其屬性。
在Top列表的記錄前加上數(shù)字（當(dāng)然也可以是圖片，這里只是簡(jiǎn)單的舉個(gè)例子）。
原理說(shuō)明：先在最前面初始化一個(gè)js變量，在TopList中間，將Js變量加1,并在TopList循環(huán)體中間輸出（我寫asp代碼一樣的道理）
關(guān)鍵代碼：
<body>
<script language="javascript">
//全局變量
var i=1;
//輸出i，并i自增
function doit(){
document.write(i);
i++;
}
</script>
<!--Steam:TopList ChannelID='0' Type='Commend' IsTop='False' HasImage='False' Number='20' Cols='1' EnterTag='' -->
<script language="javascript">doit();</script>.<!--Steam:ContentField FieldName='Title' Length='-1' /-->
<!--/Steam:TopList-->
</body>
代碼中，綠色部分定義了一個(gè)全局變量i，和一個(gè)函數(shù)doit。doit函數(shù)在循環(huán)體的紅色部分運(yùn)行，輸出i。藍(lán)色為TopList標(biāo)簽。紅色代碼后面的暗黃色是標(biāo)題。上面代碼的結(jié)果就會(huì)在每條記錄前加上數(shù)字。簡(jiǎn)單吧。嘿嘿。
第二例：每隔五行插入一空行，如：
在Top列表每隔五行插入一空行（當(dāng)然也可以是圖片，或者其他負(fù)責(zé)的代碼）。
原理說(shuō)明：先在最前面初始化一個(gè)js變量，在TopList中間，將Js變量加1,并在TopList循環(huán)體中計(jì)算此js變量是否被5整除，是就輸出空行。
關(guān)鍵代碼：
<body>
<script language="javascript">
//全局變量
var i=1;
//輸出i，并i自增
function doit(){
if(i%5==0){//是否被5整除
document.write("<br />");
}
i++;
}
</script>
<!--Steam:TopList ChannelID='0' Type='Commend' IsTop='False' HasImage='False' Number='20' Cols='1' EnterTag='' -->
<!--Steam:ContentField FieldName='Title' Length='-1' /--><script language="javascript">doit();</script>
<!--/Steam:TopList-->
</body>
代碼中，綠色部分定義了一個(gè)全局變量i，和一個(gè)函數(shù)doit。doit函數(shù)在循環(huán)體的紅色部分運(yùn)行，判斷是否被5整除，是就輸出<br>。藍(lán)色為TopList標(biāo)簽。紅色代碼前面的黃色是標(biāo)題。上面代碼的結(jié)果就會(huì)在每隔五行插入一空行。簡(jiǎn)單吧。嘿嘿。
相關(guān)文章
這篇文章主要介紹了JavaScript小技巧,整理匯總了JavaScript常用的6個(gè)實(shí)用技巧,屬于JavaScript邊角技巧的總結(jié),需要的朋友可以參考下2015-12-12
基于JavaScript實(shí)現(xiàn)頁(yè)面輪播圖漸變效果的示例代碼
這篇文章主要給大家分享如何使用JavaScript實(shí)現(xiàn)一個(gè)頁(yè)面輪播圖漸變效果,輪播圖是網(wǎng)頁(yè)開(kāi)發(fā)中常見(jiàn)的功能之一,它能夠展示多個(gè)圖片或內(nèi)容,并以一定的時(shí)間間隔進(jìn)行自動(dòng)切換,而通過(guò)添加漸變效果,可以讓切換過(guò)程更加平滑流暢,感興趣的小伙伴可以自己動(dòng)手嘗試一下2023-10-10
js添加千分位的實(shí)現(xiàn)代碼(超簡(jiǎn)單)
下面小編就為大家?guī)?lái)一篇js添加千分位的實(shí)現(xiàn)代碼(超簡(jiǎn)單)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
js防抖具體實(shí)現(xiàn)以及詳細(xì)原理步驟說(shuō)明(附實(shí)例)
節(jié)流和防抖這里兩個(gè)詞可能對(duì)一些初入JavaScript的同學(xué)比較陌生,下面這篇文章主要給大家介紹了關(guān)于js防抖具體實(shí)現(xiàn)以及詳細(xì)原理步驟的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
微信小程序云開(kāi)發(fā)之使用云數(shù)據(jù)庫(kù)
這篇文章主要為大家詳細(xì)介紹了微信小程序云開(kāi)發(fā)之使用云數(shù)據(jù)庫(kù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁(yè)面需要撲捉用戶按下回車自動(dòng)提交的需求，于是相到在body里添加onkeydown事件跳javascript在提交表單，具體看下實(shí)現(xiàn)代碼，希望對(duì)你有所幫助2013-04-04
[紅色]js滾動(dòng)條多種樣式,推薦...2007-02-02
這篇文章主要介紹了JS閉包用法,結(jié)合具體實(shí)例形式分析了javascript閉包的原理、執(zhí)行步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
js利用prototype調(diào)用Array的slice方法示例
這篇文章主要介紹了如何利用js的prototype調(diào)用Array的slice方法,需要的朋友可以參考下2014-06-06
javascript 尚未實(shí)現(xiàn)錯(cuò)誤解決辦法
打開(kāi)頁(yè)面的時(shí)候，F(xiàn)F下一切正常，但是當(dāng)我用IE6測(cè)試的時(shí)候，JS總執(zhí)行不下去了，提示“尚未實(shí)現(xiàn)”，無(wú)論怎么搞就搞不定。2008-11-11