手机推荐排行榜,穿越小说排行榜,我吃西红柿

- 龍誠(chéng)動(dòng)態(tài)
  
  行業(yè)新聞
  
  我們的觀點(diǎn)
  
  公司公告
  
  建站技術(shù)
  
  網(wǎng)站SEO優(yōu)化
  
  網(wǎng)站制作流程
  
  產(chǎn)品報(bào)價(jià)
  - 聯(lián)系電話：0577-55882408
  - 傳真號(hào)碼：0577-55882411
  - 聯(lián)系手機(jī)：15224122065
  - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁(yè)-新聞中心-建站技術(shù)
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <title>排序</title> <style type="text/css"> * { padding:0; margin:0; } body { font-family:verdana; font-size:12px; } .content { width:550px; margin:20px auto; } .content h1 { font-family:'微軟雅黑'; font-size:18px; padding-bottom:5px; } table { width:100%; } th, td { padding:6px 0; text-align:center; } th { background-color:#007D28; color:#ffffff; } tr { background-color:#E8FFE8; } .odd { background-color:#FFF3EE; } .highlight { background-color:#FFF3EE; } </style> <script type="text/javascript"> //動(dòng)態(tài)給js添加class屬性 function addClass(element, value) { if(!element.className) { element.className = value; //如果element本身不存在class,則直接添加class為value的值 } else { element.className += " "+value; //如果element之前有一個(gè)class值，注意中間要多一個(gè)空格,然后再加上value的值 } } //鼠標(biāo)經(jīng)過(guò)時(shí)高亮顯示 function highlightRows() { var rows = document.getElementsByTagName("tr"); for(var i=0; i<rows.length; i++) { rows[i].oldClassName = rows[i].className; //首先保存之前的class值 rows[i].onmouseover = function() { addClass(this, "highlight"); //鼠標(biāo)經(jīng)過(guò)時(shí)添加class為highlight的值 } rows[i].onmouseout = function() { this.className = this.oldClassName; //鼠標(biāo)離開(kāi)時(shí)還原之前的class值 } } } //比較之前進(jìn)行數(shù)據(jù)轉(zhuǎn)換 function convert(value, dataType) { switch(dataType) { case "int": return parseInt(value); break case "float": return parseFloat(value); break case "date": return Date.parse(value); break default: return value.toString(); } } //用于sort比較字符串 function compareCols(col, dataType) { return function compareTrs(tr1, tr2) { value1 = convert(tr1.cells[col].innerHTML, dataType); value2 = convert(tr2.cells[col].innerHTML, dataType); if (value1 < value2) { return -1; } else if (value1 > value2) { return 1; } else { return 0; } }; } //對(duì)表格進(jìn)行排序 function sortTable(tableId, col, dataType) { var table = document.getElementById(tableId); var tbody = table.tBodies[0]; var tr = tbody.rows; var trValue = new Array(); for (var i=0; i<tr.length; i++ ) { trValue[i] = tr[i]; //將表格中各行的信息存儲(chǔ)在新建的數(shù)組中 } if (tbody.sortCol == col) { trValue.reverse(); //如果該列已經(jīng)進(jìn)行排序過(guò)了，則直接對(duì)其反序排列 } else { trValue.sort(compareCols(col, dataType)); //進(jìn)行排序 } var fragment = document.createDocumentFragment(); //新建一個(gè)代碼片段，用于保存排序后的結(jié)果 for (var i=0; i<trValue.length; i++ ) { fragment.appendChild(trValue[i]); } tbody.appendChild(fragment); //將排序的結(jié)果替換掉之前的值 tbody.sortCol = col; } window.onload = function() { highlightRows(); } </script> </head> <body> <div id="0kkqlfz" class="content"> <h1>會(huì)員信息表(點(diǎn)擊表格標(biāo)題可進(jìn)行排序)</h1> <table summary="user infomation table" id="tableSort"> <thead> <tr> <th onclick="sortTable('tableSort', 0, 'int')" style="cursor: pointer;">會(huì)員ID</th> <th onclick="sortTable('tableSort', 1)" style="cursor: pointer;">會(huì)員名</th> <th onclick="sortTable('tableSort', 2)" style="cursor: pointer;">郵箱</th> <th onclick="sortTable('tableSort', 3)" style="cursor: pointer;">會(huì)員組</th> <th onclick="sortTable('tableSort', 4)" style="cursor: pointer;">城市</th> <th onclick="sortTable('tableSort', 5, 'date')" style="cursor: pointer;">注冊(cè)時(shí)間</th> </tr> </thead> <tbody> <tr> <td>126</td> <td>lcnt.net</td> <td>este@126.com</td> <td>普通會(huì)員</td> <td>北京</td> <td>2011-04-13</td> </tr> <tr> <td>145</td> <td>test001</td> <td>test001@126.com</td> <td>中級(jí)會(huì)員</td> <td>合肥</td> <td>2011-03-27</td> </tr> <tr> <td>116</td> <td>wuliao</td> <td>wuliao@126.com</td> <td>普通會(huì)員</td> <td>南昌</td> <td>2011-04-01</td> </tr> <tr> <td>129</td> <td>tired</td> <td>tired@126.com</td> <td>中級(jí)會(huì)員</td> <td>北京</td> <td>2011-04-06</td> </tr> <tr> <td>155</td> <td>tiredso</td> <td>tireds0@126.com</td> <td>中級(jí)會(huì)員</td> <td>武漢</td> <td>2011-04-06</td> </tr> <tr> <td>131</td> <td>javascript</td> <td>js2011@126.com</td> <td>中級(jí)會(huì)員</td> <td>武漢</td> <td>2011-04-08</td> </tr> <tr> <td>132</td> <td>www.7896112.cn</td> <td>jQuery@126.com</td> <td>高級(jí)會(huì)員</td> <td>北京</td> <td>2011-04-12</td> </tr> </tbody> </table> </div> </body> </html>

欧美成人69-欧美成人aaaa免费高清-欧美成人aaa大片-欧美成人xxxx-大杳蕉伊人狼人久久一本线-大又大粗又爽又黄少妇毛片