| 网站首页 | 教程 | 素材 | 图片 | 特效 | 论坛 | 字体 | 模板 | 软件 | 书籍 | 源码 | 新闻 | 站长原创 | 动易模板 | 
您现在的位置: 玉叶随风网 >> 教程 >> 网页制作 >> JavaScript >> 文章正文 用户登录 新用户注册
一实用的Javascript类库            【字体:
一实用的Javascript类库
热门推荐:
普通文章 Java图像处理技巧四则
普通文章 Java:Struts入门初步知
普通文章 Java入门:J2ee学习流程
普通文章 java初学者 常用开发工
作者:未知    文章来源:玉叶随风网    点击数:    更新时间:2006-7-27
一个Javascript 的类库,用于table内容排序。使用很方便,不用每次都去调用数据库了。

特别适合多表查询的排序。加上<tbody>的style.display 切换,也可以实现分页。

效果演示

用法:

1.添加JS

QUOTE:
<SCRIPT src="sorttable.js" type="text/javascript"></SCRIPT>

2.添加TABLE,注意的是:一定要有ID,class为"sortable"

QUOTE:
<table class="sortable" id="mytable">

OK,可以了,简单的吧

如果觉得太单调,自己加点CSS吧,官方给出了改HEAD的CSS

QUOTE:
/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color:black;
    text-decoration: none;
}

JS文件下载

文章录入:碧玉叶    责任编辑:碧玉叶 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口