TopList標簽和JavaScript結合兩例
2024-09-06 12:41:50
供稿：網友
(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標簽。紅色代碼前面的黃色是標題。上面代碼的結果就會在每隔五行插入一空行。簡單吧。嘿嘿。
