|
首先可以先參考 SteamCMS 標(biāo)準(zhǔn)模版標(biāo)簽說明 來了解一下TopList標(biāo)簽及其屬性。
在Top列表的記錄前加上數(shù)字(當(dāng)然也可以是圖片,這里只是簡單的舉個(gè)例子)。
原理說明:先在最前面初始化一個(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ù)字。簡單吧。嘿嘿。
第二例:每隔五行插入一空行,如:
在Top列表每隔五行插入一空行(當(dāng)然也可以是圖片,或者其他負(fù)責(zé)的代碼)。
原理說明:先在最前面初始化一個(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ì)在每隔五行插入一空行。簡單吧。嘿嘿。
JavaScript技術(shù):TopList標(biāo)簽和JavaScript結(jié)合兩例,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。