Auntion-TableSort javascript類文件
更新時間: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(); //這里將使用已經定義的一種默認觸發(fā)方式.
</script>
</body>
</html>
您可能感興趣的文章: