TopList標籤和JavaScript結合兩例

來源:互聯網
上載者:User

(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標籤。紅色代碼前面的黃色是標題。上面代碼的結果就會在每隔五行插入一空行。簡單吧。嘿嘿。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.