TopList標簽和JavaScript結合兩例

更新時間：2007年08月12日 15:57:39 作者：

(SteamCMS)Fish模版專貼一：TopList標簽和JavaScript結合兩例
首先可以先參考 SteamCMS 標準模版標簽說明來了解一下TopList標簽及其屬性。
在Top列表的記錄前加上數(shù)字（當然也可以是圖片，這里只是簡單的舉個例子）。
原理說明：先在最前面初始化一個js變量，在TopList中間，將Js變量加1,并在TopList循環(huán)體中間輸出（我寫asp代碼一樣的道理）

關鍵代碼：

<body>
<script language="javascript">
//全局變量
var i=1;
//輸出i，并i自增
function doit(){
document.write(i);
i++;
}
</script>

    <script language="javascript">doit();</script>.


</body>

代碼中，綠色部分定義了一個全局變量i，和一個函數(shù)doit。doit函數(shù)在循環(huán)體的紅色部分運行，輸出i。藍色為TopList標簽。紅色代碼后面的暗黃色是標題。上面代碼的結果就會在每條記錄前加上數(shù)字。簡單吧。嘿嘿。

第二例：每隔五行插入一空行，如：
在Top列表每隔五行插入一空行（當然也可以是圖片，或者其他負責的代碼）。
原理說明：先在最前面初始化一個js變量，在TopList中間，將Js變量加1,并在TopList循環(huán)體中計算此js變量是否被5整除，是就輸出空行。

關鍵代碼：

<body>
<script language="javascript">
//全局變量
var i=1;
//輸出i，并i自增
function doit(){
if(i%5==0){//是否被5整除
  document.write("<br />");
}
i++;
}
</script>

    <script language="javascript">doit();</script>


</body>

代碼中，綠色部分定義了一個全局變量i，和一個函數(shù)doit。doit函數(shù)在循環(huán)體的紅色部分運行，判斷是否被5整除，是就輸出<br>。藍色為TopList標簽。紅色代碼前面的黃色是標題。上面代碼的結果就會在每隔五行插入一空行。簡單吧。嘿嘿。