Auntion-TableSort javascript類文件第2/2頁
更新時間:2007年11月12日 21:22:38 作者:
復(fù)制代碼 代碼如下:
<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">數(shù)字</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>小小強(qiáng)</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>小強(qiáng)</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(); //這里將使用已經(jīng)定義的一種默認(rèn)觸發(fā)方式.
</script>
</body>
</html>
您可能感興趣的文章:
- tablesorter.js表格排序使用方法(支持中文排序)
- jquery.tableSort.js表格排序插件使用方法詳解
- TableSort.js表格排序插件使用方法詳解
- 修復(fù)jQuery tablesorter無法正確排序的bug(加千分位數(shù)字后)
- Juery解決tablesorter中文排序和字符范圍的方法
- jQuery表格排序組件-tablesorter使用示例
- jquery tablesorter.js 支持中文表格排序改進(jìn)
- Auntion-TableSort國人寫的一個javascript表格排序的東西
- 基于jquery的表格排序
- jQuery排序插件tableSorter使用方法
相關(guān)文章
如何利用Three.js實(shí)現(xiàn)跳一跳小游戲
最近在公司寫H5的3D游戲,選擇了ThreeJS去做,做的過程中遇到了很多問題,下面這篇文章主要給大家介紹了關(guān)于如何利用Three.js實(shí)現(xiàn)跳一跳小游戲的相關(guān)資料,需要的朋友可以參考下2022-04-04require簡單實(shí)現(xiàn)單頁應(yīng)用程序(SPA)
下面小編就為大家?guī)硪黄猺equire簡單實(shí)現(xiàn)單頁應(yīng)用程序(SPA)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07javascript 模式設(shè)計之工廠模式詳細(xì)說明
2010-05-05