js表格排序:js 静态HTML表格排序功能实现疯狂代码！

js表格排序:js 静态HTML表格排序功能实现

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; char<img src='/icons/72909set.gif' />=gb2312" /> 
<title>无标题文档</title> 
<style> 
*{font-family:Arial, Helvetica, sans-ser<img src='/icons/72909if.gif' />;font-size:14px;border:none;} 
body{text-align:center;} 
table{margin:100px auto;} 
td{width:100px;height:24px;text-align:center;line-height:24px;border:1px solid silver;} 
.red{color:red;} 
.top{background:#CCCCCC;cursor:po<img src='/icons/72909int.gif' />er;} 
.up{background:#FFFFCC url(/upload/20090211095733175.g<img src='/icons/72909if.gif' />) no-repeat right 5px;} 
.down{background:#FFFFCC url(/upload/20090211095734843.g<img src='/icons/72909if.gif' />) no-repeat right 5px;} 
.hov{background:#F0EFE5;} 
</style> 
</head> 
<body> 
 
 kick me kick me kick me kick me 
 
 15.43 
 700 
 1.220 
 阿 
 
 7.05 
 4 
 3,000 
 炳 
 
 30.62 
 30 
 2,558,800 
 和 
 
 
 22.30 
 5 6 
 瞎 
 
 26.31 
 0.6 5 
 - 
 
 63.16 
 7 4 
 子 
 
 
 
</body> 
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

js表格排序:js 静态HTML表格排序功能实现

延伸阅读

最新评论

发表评论

赞助商广告

随机更新

热门标注

最近更新

最新标注