日本在线视频不卡,成人网ww555视频免费看,中文字幕综合

- 龍誠動態
  
  行業新聞
  
  我們的觀點
  
  公司公告
  
  建站技術
  
  網站SEO優化
  
  網站制作流程
  
  產品報價
  - 聯系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯系手機：15224122065
  - 聯系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
  <!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"> //動態給js添加class屬性 function addClass(element, value) { if(!element.className) { element.className = value; //如果element本身不存在class,則直接添加class為value的值 } else { element.className += " "+value; //如果element之前有一個class值，注意中間要多一個空格,然后再加上value的值 } } //鼠標經過時高亮顯示 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"); //鼠標經過時添加class為highlight的值 } rows[i].onmouseout = function() { this.className = this.oldClassName; //鼠標離開時還原之前的class值 } } } //比較之前進行數據轉換 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; } }; } //對表格進行排序 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]; //將表格中各行的信息存儲在新建的數組中 } if (tbody.sortCol == col) { trValue.reverse(); //如果該列已經進行排序過了，則直接對其反序排列 } else { trValue.sort(compareCols(col, dataType)); //進行排序 } var fragment = document.createDocumentFragment(); //新建一個代碼片段，用于保存排序后的結果 for (var i=0; i<trValue.length; i++ ) { fragment.appendChild(trValue[i]); } tbody.appendChild(fragment); //將排序的結果替換掉之前的值 tbody.sortCol = col; } window.onload = function() { highlightRows(); } </script> </head> <body> <div id="rz7hxvt" class="content"> <h1>會員信息表(點擊表格標題可進行排序)</h1> <table summary="user infomation table" id="tableSort"> <thead> <tr> <th onclick="sortTable('tableSort', 0, 'int')" style="cursor: pointer;">會員ID</th> <th onclick="sortTable('tableSort', 1)" style="cursor: pointer;">會員名</th> <th onclick="sortTable('tableSort', 2)" style="cursor: pointer;">郵箱</th> <th onclick="sortTable('tableSort', 3)" style="cursor: pointer;">會員組</th> <th onclick="sortTable('tableSort', 4)" style="cursor: pointer;">城市</th> <th onclick="sortTable('tableSort', 5, 'date')" style="cursor: pointer;">注冊時間</th> </tr> </thead> <tbody> <tr> <td>126</td> <td>lcnt.net</td> <td>este@126.com</td> <td>普通會員</td> <td>北京</td> <td>2011-04-13</td> </tr> <tr> <td>145</td> <td>test001</td> <td>test001@126.com</td> <td>中級會員</td> <td>合肥</td> <td>2011-03-27</td> </tr> <tr> <td>116</td> <td>wuliao</td> <td>wuliao@126.com</td> <td>普通會員</td> <td>南昌</td> <td>2011-04-01</td> </tr> <tr> <td>129</td> <td>tired</td> <td>tired@126.com</td> <td>中級會員</td> <td>北京</td> <td>2011-04-06</td> </tr> <tr> <td>155</td> <td>tiredso</td> <td>tireds0@126.com</td> <td>中級會員</td> <td>武漢</td> <td>2011-04-06</td> </tr> <tr> <td>131</td> <td>javascript</td> <td>js2011@126.com</td> <td>中級會員</td> <td>武漢</td> <td>2011-04-08</td> </tr> <tr> <td>132</td> <td>www.qmbxwa.com</td> <td>jQuery@126.com</td> <td>高級會員</td> <td>北京</td> <td>2011-04-12</td> </tr> </tbody> </table> </div> </body> </html>

久久精品一二三区_欧美一区网站_亚洲制服av_国产欧美日韩另类一区_成人av综合网_碰碰在线视频_欧美精品在欧美一区二区少妇_免费观看亚洲_青青一区二区三区_国产传媒一区二区