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 相关文章推荐
半角全角相互转换的js函数
Oct 16 Javascript
利用jQuery接受和处理xml数据的代码(.net)
Mar 28 Javascript
自定义jQuery选项卡插件实例
Mar 27 Javascript
javascript制作的cookie封装及使用指南
Jan 02 Javascript
php常见的页面跳转方法汇总
Apr 15 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 Javascript
JavaScript作用域示例详解
Jul 07 Javascript
jQuery UI仿淘宝搜索下拉列表功能
Jan 10 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
Feb 26 Javascript
Taro集成Redux快速上手的方法示例
Jun 21 Javascript
jQuery滑动效果实现方法分析
Sep 05 jQuery
微信小程序可滑动周日历组件使用详解
Oct 21 Javascript
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
php cli 方式 在crotab中运行解决
2010/02/08 PHP
PHP 面向对象 PHP5 中的常量
2010/05/05 PHP
php jquery 多文件上传简单实例
2013/12/23 PHP
PHP大转盘中奖概率算法实例
2014/10/21 PHP
php常用hash加密函数
2014/11/22 PHP
php上传文件常见问题总结
2015/02/03 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
PHP一个简单的无需刷新爬虫
2019/01/05 PHP
两种简单实现菜单高亮显示的JS类代码
2010/06/27 Javascript
jQuery对象[0]是什么含义?
2010/07/31 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
2011/05/25 Javascript
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
jquery实现删除一个元素后面的所有元素功能
2015/12/21 Javascript
好好了解一下Cookie(强烈推荐)
2016/06/14 Javascript
jQuery基本过滤选择器用法示例
2016/09/09 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
swiper自定义分页器使用方法详解
2020/09/14 Javascript
JavaScript防止全局变量污染的方法总结
2018/08/02 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
2019/09/06 Javascript
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
[07:09]2014DOTA2国际邀请赛-Newbee再次发威成功晋级决赛
2014/07/19 DOTA
Python字符转换
2008/09/06 Python
在python中利用GDAL对tif文件进行读写的方法
2018/11/29 Python
pyqt5 实现在别的窗口弹出进度条
2019/06/18 Python
Python实现获取系统临时目录及临时文件的方法示例
2019/06/26 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
Python使用tkinter模块实现推箱子游戏
2019/10/08 Python
Python django框架开发发布会签到系统(web开发)
2020/02/12 Python
Python request操作步骤及代码实例
2020/04/13 Python
Python调用jar包方法实现过程解析
2020/08/11 Python
西部世纪.net笔试题面试题
2014/04/03 面试题
装饰公司活动策划方案
2014/08/23 职场文书
2014民事授权委托书范本
2014/09/29 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
认真学习保证书
2015/02/26 职场文书