(SteamCMS)Fish模版專貼一:TopList標籤和JavaScript結合兩例
首先可以先參考 SteamCMS 標準模版標籤說明 來瞭解一下TopList標籤及其屬性。
在Top列表的記錄前加上數字(當然也可以是圖片,這裡只是簡單的舉個例子)。
原理說明:先在最前面初始化一個js變數,在TopList中間,將Js變數加1,並在TopList迴圈體中間輸出(我寫asp代碼一樣的道理)
關鍵代碼:
<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>
代碼中,綠色部分定義了一個全域變數i,和一個函數doit。doit函數在迴圈體的紅色部分運行,輸出i。藍色為TopList標籤。紅色代碼後面的暗黃色是標題。上面代碼的結果就會在每條記錄前加上數字。簡單吧。嘿嘿。
第二例:每隔五行插入一空行,如:
在Top列表每隔五行插入一空行(當然也可以是圖片,或者其他負責的代碼)。
原理說明:先在最前面初始化一個js變數,在TopList中間,將Js變數加1,並在TopList迴圈體中計算此js變數是否被5整除,是就輸出空行。
關鍵代碼:
<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>
代碼中,綠色部分定義了一個全域變數i,和一個函數doit。doit函數在迴圈體的紅色部分運行,判斷是否被5整除,是就輸出<br>。藍色為TopList標籤。紅色代碼前面的黃色是標題。上面代碼的結果就會在每隔五行插入一空行。簡單吧。嘿嘿。