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