快捷導(dǎo)航

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)簽說明來了解一下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>

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


</body>

代碼中，綠色部分定義了一個(gè)全局變量i，和一個(gè)函數(shù)doit。doit函數(shù)在循環(huán)體的紅色部分運(yùn)行，輸出i。藍(lán)色為TopList標(biāo)簽。紅色代碼后面的暗黃色是標(biāo)題。上面代碼的結(jié)果就會在每條記錄前加上數(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>

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


</body>

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