脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 →

Auntion-TableSort javascript类文件第2/2页

 更新时间：2007年11月12日 21:22:38   作者：  

复制代码 代码如下:

<html>
<head>
<title>Auntion - TableSort 测试交流</title>
<style type="text/css">
#bodys{
    border-top:1px solid #0099FF;
    border-left:1px solid #0099FF;
}
#bodys td {
    border-bottom:1px solid #0099FF;
    border-right:1px solid #0099FF;
    font-size:12px;
    height:22px;
    line-height:22px;
    text-align:left;
    padding-left:10px;
    background:#DFEFFF;
    color:#666666;
}
#bodys td.tag {
    background:#95D5FF;
    color:#333333;
    font-weight:900;
    height:28px;
    line-height:28px;
    cursor:pointer;
}
#bodys td.DescUp {
    background:#FFFFCC url("byUp.gif") no-repeat right 6px;
    color:#333333;
    font-weight:900;
    height:28px;
    line-height:28px;
    cursor:pointer;
}
#bodys td.DescDown {
    background:#FFFFCC url("byDown.gif") no-repeat right 6px;
    color:#333333;
    font-weight:900;
    height:28px;
    line-height:28px;
    cursor:pointer;
}

</style>
<script language="javascript" type="text/javascript" src="Language.ext.js"></script>
<script language="javascript" type="text/javascript" src="tableSort.class.js"></script>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" id="bodys">
  <tr>
      <td width="45" class="tag">选择</td>
    <td width="50" class="tag">数字</td>
    <td width="50" class="tag">字母</td>
    <td width="80" class="tag">名字</td>
    <td width="150" class="tag">地址</td>
    <td width="80" class="tag">时间</td>
  </tr>
  <tr>
      <td><input type="checkbox" checked></td>
    <td>1</td>
    <td>a</td>
    <td>谢诗圆</td>
    <td>http://auntion.blogbus.com</td>
    <td>2007-12-16</td>
  </tr>
  <tr>
      <td><input type="checkbox" checked></td>
    <td>4</td>
    <td>c</td>
    <td>auntion</td>
    <td>http://www.563.com</td>
    <td>2006-12-06</td>
  </tr>
  <tr>
      <td><input type="checkbox"></td>
    <td>3</td>
    <td>b</td>
    <td>疯狂的石头</td>
    <td>http://www.463.com</td>
    <td>2007-03-12</td>
  </tr>
  <tr>
      <td><input type="checkbox"></td>
    <td>3.2</td>
    <td>d</td>
    <td>谢某人</td>
    <td>http://www.663.com</td>
    <td>2000-01-01</td>
  </tr>
  <tr>
      <td><input type="checkbox" checked></td>
    <td>5</td>
    <td>f</td>
    <td>小小强</td>
    <td>http://www.763.com</td>
    <td>2008-12-31</td>
  </tr>
  <tr>
      <td><input type="checkbox"></td>
    <td>7</td>
    <td>e</td>
    <td>疯狂的man</td>
    <td>http://www.363.com</td>
    <td>2006-11-12</td>
  </tr>
  <tr>
      <td><input type="checkbox"></td>
    <td>71</td>
    <td>g</td>
    <td>小强</td>
    <td>http://www.163.com</td>
    <td>2002-08-23</td>
  </tr>
  <tr>
      <td><input type="checkbox" checked></td>
    <td>8</td>
    <td>h</td>
    <td>王庆</td>
    <td>http://www.263.com</td>
    <td>1999-08-25</td>
  </tr>  
</table>
<script language="javascript" type="text/javascript">
var apply = new tableSort("bodys","tag");
apply.toTagStart();        //这里将使用已经定义的一种默认触发方式.
</script>
</body>
</html>

上一页12阅读全文
您可能感兴趣的文章:

相关文章

最新评论