TopList标签和JavaScript结合两例


Posted in Javascript onAugust 12, 2007

 (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标签。红色代码前面的黄色是标题。上面代码的结果就会在每隔五行插入一空行。简单吧。嘿嘿。

Javascript 相关文章推荐
Javascript中的数学函数集合
May 08 Javascript
jQuery操作元素css样式的三种方法
Jun 04 Javascript
利用a标签自动解析URL分析网址实例
Oct 20 Javascript
Jquery 分页插件之Jquery Pagination
Aug 25 Javascript
详解JS中的快速排序与冒泡
Jan 10 Javascript
js实现简单的获取验证码按钮效果
Mar 03 Javascript
干货!教大家如何选择Vue和React
Mar 13 Javascript
JS给按钮添加跳转功能类似a标签
May 30 Javascript
vue2.0实现音乐/视频播放进度条组件
Jun 06 Javascript
通过实例解析JavaScript常用排序算法
Sep 02 Javascript
js轮播图之旋转木马效果
Oct 13 Javascript
Vue如何实现组件间通信
May 15 Vue.js
Javascript-Mozilla和IE中的一个函数直接量的问题分析
Aug 12 #Javascript
IE和Mozilla的兼容性汇总event
Aug 12 #Javascript
收藏Javascript中常用的55个经典技巧
Aug 12 #Javascript
JavaScript-世界上误解最深的语言分析
Aug 12 #Javascript
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
Aug 08 #Javascript
alixixi runcode.asp的代码不错的应用
Aug 08 #Javascript
网上应用的一个不错common.js脚本
Aug 08 #Javascript
You might like
ThinkPHP安装和设置
2015/07/27 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
PHP耦合设计模式实例分析
2018/08/08 PHP
javascript 类方法定义还是有点区别
2009/04/15 Javascript
jquery 日期分离成年月日的代码
2010/05/14 Javascript
如何使用Jquery获取Form表单中被选中的radio值
2013/08/09 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
JavaScript中获取时间的函数集
2016/08/16 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
jQuery 局部div刷新和全局刷新方法总结
2016/10/05 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
JavaScript数组去重的多种方法(四种)
2017/09/19 Javascript
webpack源码之loader机制详解
2018/04/06 Javascript
Mac下安装vue
2018/04/11 Javascript
react配置antd按需加载的使用
2019/02/11 Javascript
浅谈JavaScript面向对象--继承
2019/03/20 Javascript
vue项目中全局引入1个.scss文件的问题解决
2019/08/01 Javascript
微信小程序实现购物车功能
2020/11/18 Javascript
[02:30]DOTA2英雄基础教程 暗影恶魔
2013/12/17 DOTA
[01:32]DOTA2次级联赛——首支职业女子战队选拔赛全记录
2014/10/23 DOTA
如何解决django配置settings时遇到Could not import settings 'conf.local'
2014/11/18 Python
python中split方法用法分析
2015/04/17 Python
Python中自定义函数的教程
2015/04/27 Python
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
Python使用matplotlib绘制余弦的散点图示例
2018/03/14 Python
python中使用ctypes调用so传参设置遇到的问题及解决方法
2019/06/19 Python
Python reques接口测试框架实现代码
2020/07/28 Python
linux mint中搜狗输入法导致pycharm卡死的问题
2020/10/28 Python
详解Pymongo常用查询方法总结
2021/01/29 Python
车间统计员岗位职责
2014/01/05 职场文书
教育基金募捐倡议书
2014/05/14 职场文书
关于读书的活动方案
2014/08/14 职场文书
社区党员志愿服务活动方案
2014/08/18 职场文书
机关作风建设整改方案
2014/10/27 职场文书
苹果发布了MagSafe固件更新,可以不外接电源实现最高7.5W充电
2022/04/21 数码科技