网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Javascript
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.JavaScript学习笔记(3)数组排序.
.用javascript实现select的美化.
.javascript写的Hashtable类.
.Js之软键盘实现(源码) .
.javascript密码强度提示.
.使用javascript函数完美控制页面.
.Javascript实例教程(19) 使用HoT.
.用JavaScript绘图—JS2D函数集.
.JavaScript FSO属性大全.
.用JavaScript实现网页上的浮动广.
.javaScript事件使用方法.
.Javascript实例教程(11) 隐藏scr.
.JavaScript学习笔记(4)表格排序.
.网页表单自动填写技术(gmail为例).
.javascript进行客户端数据的校验.
.JavaScript验证函数集合.
.javascript中的数组应用的一点发.
.修改后的prototype.js,增加进度.
.FireFox 如何用Javascript 修改状.
.js入门·循环与判断/利用函数的简.

一个非常实用的Javascript类库

发表日期:2006-7-24


  一个Javascript 的类库,用于table内容排序。使用很方便,不用每次都去调用数据库了。

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

  效果演示

  用法:

  1.添加JS

  QUOTE:

  以下是引用片段:

  

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

  QUOTE:

  
  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;
  }

 

上一篇:网页表单自动填写技术(gmail为例) 人气:11143
下一篇:判断浏览器是否支持JavaScript和Cookies 人气:9532
浏览全部Javascript的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐