Auntion-TableSort javascript類文件
更新時(shí)間：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">時(shí)間</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國人寫的一個(gè)javascript表格排序的東西
- 基于jquery的表格排序
- jQuery排序插件tableSorter使用方法
相關(guān)文章
js實(shí)現(xiàn)文本框中輸入文字頁面中div層同步獲取文本框內(nèi)容的方法
這篇文章主要介紹了js實(shí)現(xiàn)文本框中輸入文字頁面中div層同步獲取文本框內(nèi)容的方法,實(shí)例分析了javascript操作dom元素的技巧,需要的朋友可以參考下2015-03-03
分享幾個(gè)JavaScript運(yùn)算符的使用技巧
這篇文章主要介紹了分享幾個(gè)JavaScript運(yùn)算符的使用技巧，幫助大家更好的理解和學(xué)習(xí)使用JavaScript，感興趣的朋友可以了解下2021-04-04
Javascript實(shí)現(xiàn)基本運(yùn)算器
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)基本運(yùn)算器的相關(guān)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了JavaScript按值刪除數(shù)組元素的方法,涉及javascript操作數(shù)組的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了JavaScript獲取Excel表格的列序號和列名，在處理Excel文件時(shí)，通常要獲取xx列的數(shù)據(jù)，這就要求先找到列序號，下文關(guān)于列名獲取需要的小伙伴可以參考一下2022-05-05
本文將討論如何在JavaScript中處理 .onload 事件，我們將學(xué)習(xí)如何在上傳圖像后使用 JavaScript 創(chuàng)建警告框,需要的朋友可以參考下2023-07-07
sort會(huì)調(diào)用每一項(xiàng)的toString方法進(jìn)行比較，下面為大家介紹下JS中數(shù)組sort方法的具體使用2014-01-01
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript編寫更好的條件語句的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
js實(shí)現(xiàn)省市區(qū)三級聯(lián)動(dòng)非select下拉框版
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)省市區(qū)三級聯(lián)動(dòng)非select下拉框版，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
childNodes.length與children.length的區(qū)別
childNodes.length與children.length的值常不一樣。2009-05-05