TopList标签和JavaScript结合两例_javascript技巧

 (SteamCMS)Fish模版专贴一：TopList标签和JavaScript结合两例 
首先可以先参考 SteamCMS 标准模版标签说明 来了解一下TopList标签及其属性。 
在Top列表的记录前加上数字（当然也可以是图片，这里只是简单的举个例子）。
原理说明：先在最前面初始化一个js变量，在TopList中间，将Js变量加1,并在TopList循环体中间输出（我写asp代码一样的道理）

关键代码： 

    
.

 

  

代码中，绿色部分定义了一个全局变量i，和一个函数doit。doit函数在循环体的红色部分运行，输出i。蓝色为TopList标签。红色代码后面的暗黄色是标题。上面代码的结果就会在每条记录前加上数字。简单吧。嘿嘿。 


第二例：每隔五行插入一空行，如：
在Top列表每隔五行插入一空行（当然也可以是图片，或者其他负责的代码）。
原理说明：先在最前面初始化一个js变量，在TopList中间，将Js变量加1,并在TopList循环体中计算此js变量是否被5整除，是就输出空行。 

 

关键代码：




    






<script> <BR>//全局变量 <BR>var i=1; <BR>//输出i，并i自增 <BR>function doit(){ <BR>document.write(i); <BR>i++; <BR>} <BR></script><script>doit();</script><script> <BR>//全局变量 <BR>var i=1; <BR>//输出i，并i自增 <BR>function doit(){ <BR>if(i%5==0){//是否被5整除 <BR> document.write("<br />"); <BR>} <BR>i++; <BR>} <BR></script>代码中，绿色部分定义了一个全局变量i，和一个函数doit。doit函数在循环体的红色部分运行，判断是否被5整除，是就输出<script>doit();</script>。蓝色为TopList标签。红色代码前面的黄色是标题。上面代码的结果就会在每隔五行插入一空行。简单吧。嘿嘿。