欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线
模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優化工具
網頁特效代碼
模板無憂
>
網頁特效
>
層和布局特效代碼
>
收藏
分享
查看評論
層和布局
演示
自寫的JS表格排序_層和布局特效
查看演示效果
特效Tag:
表格排序
添加
自寫的JS表格排序,目前僅支持數字排序,其他的可以擴展sort和配置來實現,并且目前只支持單行表頭,歡迎一起交流。
<title>JS表格排序</title> <script type="text/javascript"> var tableSort = {}; (function() { var oTable = {}; var cellStatus = {}; var sortCells = {}; var limit = {}; var $ = function(id) { return document.getElementById(id); } var objKeyExists = function(key, search) { if (typeof key != 'number' && typeof key != 'string') { return false; } for (k in search) { if (k == key) { return true; } } return false; } var _addEvent = function(tableId, cellId) { oTable[tableId].rows[0].cells[cellId].onclick = function() { tableSort.sort(tableId, cellId); } } var _addStyle = function(tableId, cellId) { oTable[tableId].rows[0].cells[cellId].style.cursor = 'pointer'; } var _addTitle = function(tableId, cellId) { oTable[tableId].rows[0].cells[cellId].title = '點擊排序'; } var _sortTable = function(tableId, cellId) { var rows = oTable[tableId].tBodies[0].rows; var _rows = []; for (var i = 1; i < rows.length; i++) { _rows.push(rows[i]); } var status = -1; if (objKeyExists(cellId, cellStatus[tableId])) { status = 0 - cellStatus[tableId][cellId]; } cellStatus[tableId][cellId] = status; if (status == 1) { oTable[tableId].rows[0].cells[cellId].innerHTML += ' <span style="font-family:webdings;">5</span>'; _rows.sort((function(id){ return function(a, b) { return _sort(a, b, id); } }(cellId))); } else { oTable[tableId].rows[0].cells[cellId].innerHTML += ' <span style="font-family:webdings;">6</span>'; _rows.sort((function(id){ return function(a, b) { return _rsort(a, b, id); } }(cellId))); } var oFragment = document.createDocumentFragment(); for (var i = 0; i < _rows.length; i++) { _rows[i].className = i % 2 ? 'tr' : 'tr_spec'; _rows[i].cells[0].className = i % 2 ? 'td_spec2' : 'td_spec1'; if (limit[tableId] > 0) { if (i >= limit[tableId]) { _rows[i].style.display = 'none'; } else { _rows[i].style.display = ''; } } oFragment.appendChild(_rows[i]); } oTable[tableId].tBodies[0].appendChild(oFragment); } var _cleanStatus = function(tableId, cellId) { for(var i = 0; i < sortCells[tableId].length; i++) { oTable[tableId].rows[0].cells[sortCells[tableId][i]].innerHTML = oTable[tableId].rows[0].cells[sortCells[tableId][i]].innerHTML.replace(/ <span style=\"font-family\: webdings\">[56]<\/span>$/ig, ''); } } var _sort = function(a, b, id) { var param1 = a.cells[id].innerText; var param2 = b.cells[id].innerText; param1 = param1.replace(/[^\d.-]/g, ''); param2 = param2.replace(/[^\d.-]/g, ''); if (param1 == '-' || param1 == '') { return 1; } if (param2 == '-' || param2 == '') { return -1; } //如果兩個參數均為字符串類型 if (isNaN(param1) && isNaN(param2)){ return param1.localeCompare(param2); } //如果參數1為數字,參數2為字符串 if (!isNaN(param1) && isNaN(param2)){ return -1; } //如果參數1為字符串,參數2為數字 if (isNaN(param1) && !isNaN(param2)){ return 1; } //如果兩個參數均為數字 if (!isNaN(param1) && !isNaN(param2)){ if (Number(param1) > Number(param2)) { return 1; } if (Number(param1) == Number(param2)) { return 0; } if (Number(param1) < Number(param2)) { return -1; } } //return a.cells[id].innerText - b.cells[id].innerText; } var _rsort = function(a, b, id) { var param1 = b.cells[id].innerText; var param2 = a.cells[id].innerText; param1 = param1.replace(/[^\d.-]/g, ''); param2 = param2.replace(/[^\d.-]/g, ''); if (param1 == '-' || param1 == '') { return -1; } if (param2 == '-' || param2 == '') { return 1; } //如果兩個參數均為字符串類型 if (isNaN(param1) && isNaN(param2)){ return param1.localeCompare(param2); } //如果參數1為數字,參數2為字符串 if (!isNaN(param1) && isNaN(param2)){ return -1; } //如果參數1為字符串,參數2為數字 if (isNaN(param1) && !isNaN(param2)){ return 1; } //如果兩個參數均為數字 if (!isNaN(param1) && !isNaN(param2)){ if (Number(param1) > Number(param2)) { return 1; } if (Number(param1) == Number(param2)) { return 0; } if (Number(param1) < Number(param2)) { return -1; } } //return b.cells[id].innerText - a.cells[id].innerText; } tableSort = { init : function(tableId, cells, rows) { oTable[tableId] = $(tableId); sortCells[tableId] = cells; cellStatus[tableId] = {}; limit[tableId] = rows ? rows : 0; for (var i = 0; i < cells.length; i++) { _addEvent(tableId, cells[i]); _addStyle(tableId, cells[i]); _addTitle(tableId, cells[i]); } if (rows > 0) { for (var i = 1; i < $(tableId).rows.length; i++) { if (i > rows) { $(tableId).rows[i].style.display = 'none'; } } } }, sort : function(tableId, cellId) { _cleanStatus(tableId, cellId); _sortTable(tableId, cellId); } } })(); </script> <style type="text/css"> *{font-size:12px;} </style> <table id="t1" width="400" border="1"> <tr> <td>第一列</td> <td>第二列</td> <td>第三列</td> <td>第四列</td> <td>第五列</td> </tr> <tr> <td>1</td> <td>4</td> <td>-0.1</td> <td>2009-01-01</td> <td>-</td> </tr> <tr> <td>2</td> <td>3</td> <td>-0.3</td> <td>2008-01-01</td> <td>-</td> </tr> <tr> <td>3</td> <td>2</td> <td>4</td> <td>2008-03-01</td> <td>-</td> </tr> <tr> <td>4</td> <td>1</td> <td>-0.1</td> <td>2009-02-01</td> <td>-</td> </tr> </table> <br /> <table id="t2" width="400" border="1"> <tr> <td>第一列</td> <td>第二列</td> <td>第三列</td> <td>第四列</td> <td>第五列</td> </tr> <tr> <td>1</td> <td>4</td> <td>-0.1</td> <td>2009-01-01</td> <td>-</td> </tr> <tr> <td>2</td> <td>3</td> <td>-0.3</td> <td>2008-01-01</td> <td>-</td> </tr> <tr> <td>3</td> <td>2</td> <td>4</td> <td>2008-03-01</td> <td>-</td> </tr> <tr> <td>4</td> <td>1</td> <td>-0.1</td> <td>2009-02-01</td> <td>-</td> </tr> </table> <script type="text/javascript"> tableSort.init('t1', [0, 1, 2, 3]); tableSort.init('t2', [0, 1, 2, 3], 2); </script>
所屬頻道:
層和布局特效
/
更新時間:2012-12-23
[收藏]
[報錯]
[返回列表]
相關
層和布局特效
:
表格內容排序sortTable
行變成列,列變成行
文本輸入限制
拆分單元格
控制表格內的滾動條
顏色交替的表格
JS計算里面有多少個
極酷的表格
會動的表格
可拖動單元格
變色表格
訪問表格的每個TD
層和布局特效Rss訂閱
特效代碼搜索
層和布局特效推薦
VML圓角圓邊框的實現
讓網頁左右反轉的JS代碼
CSS中first-letter偽類的用法
DIV+CSS一行三列布局的網頁
CSS滑動門及選項卡,布局在同一頁面
純CSS無圖實現DIV邊框平滑陰影
CSS+JS鼠標懸停單元格變色
飄出的廣告窗口,可以自動關閉
CSS實現左右、上下不封閉邊框的表格
Table+CSS實現的TAB選項卡
猜你也喜歡看這些
CSS背景漸變,從左往右漸變
鼠標滑向表格,變換背景圖片
隨機背景顏色的實現
runtimeStyle #079;bject
清爽配色15套
在一定時間內打開一個新的窗口
頁面載入時的進度條效果的實現
網頁風格適時切換
JavaScript點擊圖片自動復制圖片地址
CSS給網頁上的評論文本框加上提醒功能背景圖片
相關鏈接:
復制本頁鏈接
|
搜索自寫的JS表格排序
特效說明:
層和布局模板
-
自寫的JS表格排序
。
永久免费看mv网站入口亚洲
|
精品在线视频一区
|
亚洲成av人片观看
|
国产91精品久久久久
|
日本激情视频在线
|
91中文字幕在线播放
|
国产精品啊v在线
|
大荫蒂欧美视频另类xxxx
|
日韩美女av在线免费观看
|
69久久久久久
|
午夜精品小视频
|
久久精品伊人
|
欧美一级精品大片
|
久久久福利视频
|
黄色av免费播放
|
加勒比视频一区
|
国产欧美一区二区三区在线老狼
|
久久久国产一区
|
国产视频九色蝌蚪
|
中文字幕在线播放日韩
|
在线观看日韩av电影
|
91高清在线观看
|
97超碰人人模人人爽人人看
|
中文精品在线观看
|
日本一区二区三区播放
|
久久久精品人体av艺术
|
欧美激情中文网
|
wwww.国产
|
亚洲日本国产精品
|
国产精品123
|
国产亚洲人成a一在线v站
|
波多野结衣 作品
|
中文字幕日韩国产
|
久久久久久网
|
亚洲国产精品成人va在线观看
|
在线看视频不卡
|
极品国产91在线网站
|
亚洲韩日在线
|
日韩欧美的一区二区
|
午夜欧美性电影
|
久久久久99精品成人片三人毛片
|
亚洲一本视频
|
日韩欧美国产系列
|
亚洲午夜激情
|
国产成人精品亚洲
|
美女国产一区
|
精品一区二区电影
|
久激情内射婷内射蜜桃
|
精品二区在线观看
|
国产一区二区三区精品欧美日韩一区二区三区
|
亚洲人成自拍网站
|
国产又大又硬又粗
|
亚洲色偷精品一区二区三区
|
成人禁用看黄a在线
|
美日韩丰满少妇在线观看
|
日本特黄a级片
|
日本精品另类
|
欧美国产欧美综合
|
日本精品视频在线播放
|
av直播在线观看
|
亚洲第一福利社区
|
色综合夜色一区
|
欧美日韩免费精品
|
成年人视频免费
|
蜜乳av一区二区
|
这里只有精品在线播放
|
www.激情小说.com
|
日韩一区二区三区四区五区
|
国产精品二区一区二区aⅴ污介绍
|
国产精品草莓在线免费观看
|
久久久久亚洲AV成人无在
|
国产欧美一区
|
欧美日本国产视频
|
超碰10000
|
亚洲精品久久久久久动漫器材一区
|
欧美三级日韩在线
|
亚洲乱码一区二区三区三上悠亚
|
亚洲一卡二卡在线
|
国产精品中文欧美
|
午夜精品在线视频
|
蜜桃av免费看
|
欧美大片aaaa
|
欧美一级日韩一级
|
人妻av中文系列
|
小黄鸭精品aⅴ导航网站入口
|
国产日韩欧美一区二区三区乱码
|
91精品国产自产在线老师啪
|
亚洲综合视频网站
|
中文精品在线
|
中文字幕久精品免费视频
|
污污视频网站在线
|
欧美大片网址
|
欧洲另类一二三四区
|
波多野结衣激情
|
人妻精品一区一区三区蜜桃91
|
国内自拍视频网
|
国产一区 二区
|
亚洲国产乱码最新视频
|
亚洲最大中文字幕
|
久久6免费视频
|
日韩av黄色在线
|
欧美狂野另类xxxxoooo
|
黄色大片中文字幕
|
四虎国产精品永久在线国在线
|
一区二区三区不卡在线观看
|
成人综合婷婷国产精品久久免费
|
欧美最顶级的aⅴ艳星
|
最新日韩免费视频
|
亚洲精品男同
|
久久成人综合视频
|
av小说在线观看
|
国产伊人精品
|
最近2019中文字幕大全第二页
|
无码人妻丰满熟妇区毛片蜜桃精品
|
最新国产一区
|
日韩一级完整毛片
|
国产一伦一伦一伦
|
欧美男人操女人视频
|
欧美高清dvd
|
国产精品秘入口18禁麻豆免会员
|
看亚洲a级一级毛片
|
色香蕉久久蜜桃
|
91午夜在线观看
|
二区三区精品
|
欧美中文字幕一区二区三区
|
韩日视频在线观看
|
日韩激情欧美
|
欧美日韩在线播
|
黄色a级片免费
|
成人av综合网
|
日韩你懂的在线播放
|
欧美日韩一区二区三区69堂
|
国产精品一区二区av日韩在线
|
精品少妇一区二区三区免费观看
|
精品亚洲视频在线
|
日韩综合在线
|
亚洲视频在线观看视频
|
丰满岳乱妇一区二区
|
五月婷婷亚洲
|
在线观看视频亚洲
|
久久av无码精品人妻系列试探
|
红桃视频国产一区
|
久久久久99精品久久久久
|
成人一级片免费看
|
美女视频免费一区
|
国产精品久久一区主播
|
蜜臀99久久精品久久久久小说
|
99精品一区二区三区
|
国产精品对白一区二区三区
|
国产成人精品一区二区无码呦
|
亚洲日本在线a
|
青青草原国产免费
|
999精品嫩草久久久久久99
|
欧美三级日韩三级国产三级
|
欧美男女交配视频
|
色小子综合网
|
色七七影院综合
|
国产成人在线网址
|
国产真实乱对白精彩久久
|
国产在线视频欧美
|
国产情侣一区二区
|
亚洲激情图片小说视频
|
成人高清dvd
|
91欧美日韩在线
|
亚洲韩国日本中文字幕
|
黄色性生活一级片
|
视频一区二区欧美
|
国产精品一区二区三区久久
|
中文字幕视频二区
|
亚洲婷婷综合久久一本伊一区
|
99精品一级欧美片免费播放
|
草草视频在线一区二区
|
亚洲国产小视频
|
中文字幕被公侵犯的漂亮人妻
|
日日摸夜夜添夜夜添国产精品
|
国产精品久久色
|
国产精品久久久久毛片
|
亚洲午夜在线视频
|
国产免费成人在线
|
欧美3p视频
|
久久久久久999
|
国产精品久免费的黄网站
|
欧美国产成人精品
|
在线观看17c
|
日韩福利视频一区
|
中文字幕亚洲无线码a
|
欧美视频www
|
95精品视频在线
|
亚洲国产精品综合
|
果冻天美麻豆一区二区国产
|
亚洲日本成人女熟在线观看
|
波多野结衣喷潮
|
成人黄色网址在线观看
|
热舞福利精品大尺度视频
|
精品国产亚洲日本
|
日韩精品高清视频
|
神马午夜精品91
|
91丨九色porny丨蝌蚪
|
亚洲最大免费
|
五月综合久久
|
日韩中文字幕在线免费观看
|
久久视频免费看
|
中文一区一区三区高中清不卡
|
成人午夜免费剧场
|
欧美码中文字幕在线
|
欧美a一区二区
|
在线日韩成人
|
久久综合九色综合97婷婷女人
|
日韩免费电影一区二区三区
|
国产精品一区二区美女视频免费看
|
日韩在线观看免
|
国产福利一区二区
|
鲁鲁视频www一区二区
|
亚洲精品一区av
|
日韩av在线精品
|
日日噜噜夜夜狠狠久久波多野
|
av不卡免费在线观看
|
一区二区三区四区欧美
|
天海翼精品一区二区三区
|
不卡伊人av在线播放
|
羞羞色院91蜜桃
|
欧美性xxxx在线播放
|
巨乳女教师的诱惑
|
久久国产三级精品
|
蜜桃欧美视频
|
欧洲精品一区
|
久久久久久91香蕉国产
|
国产欧美久久久
|
欧美日韩久久一区二区
|
亚欧洲乱码视频
|
91丨porny丨国产
|
男人天堂手机在线视频
|
亚洲欧美色图
|
国产裸体写真av一区二区
|
欧美电影免费观看
|
日韩精品视频在线播放
|
久久久久久天堂
|
亚洲色图视频网站
|
最新天堂中文在线
|
美国毛片一区二区
|
日韩在线三级
|
日韩精品欧美激情一区二区
|
国产suv精品一区二区
|
香蕉视频免费看
|
亚洲精品电影网
|
黄色一级片免费看
|
精品国产精品自拍
|
中文字幕乱码在线
|
91丨porny丨蝌蚪视频
|
欧美变态另类刺激
|
免费视频一区
|
日本福利一区二区三区
|
国产成人1区
|
国产精品黄视频
|
成人四虎影院
|
xxxx欧美18另类的高清
|
91麻豆国产在线
|
日韩亚洲电影在线
|
国产极品美女高潮无套嗷嗷叫酒店
|
亚洲亚洲人成综合网络
|
久久久久亚洲无码
|
www久久精品
|
成人亚洲视频在线观看
|
另类中文字幕网
|
日韩精品一区二区三区电影
|
国内成人在线
|
久久草视频在线看
|
精品一区二区三区的国产在线观看
|
国产成人久久久
|
日日夜夜精品
|
欧美精品午夜视频
|
手机看片1024日韩
|
亚洲人成网站免费播放
|
中文字幕观看视频
|
欧美一区二区三区视频免费播放
|
青青草原在线免费观看视频
|
午夜亚洲福利老司机
|
xxxxx在线观看
|
最好看的中文字幕久久
|
欧美色图校园春色
|
91蝌蚪porny九色
|
九九热免费在线观看
|
国产91在线观看
|
欧美私人情侣网站
|
国内精品伊人久久久久av一坑
|
国产一区二区三区在线免费
|
久久成人精品
|
一本—道久久a久久精品蜜桃
|
欧美特黄视频
|
色播五月综合
|
1000部精品久久久久久久久
|
日本一区二区三区www
|
欧美日韩一区二区三区四区在线观看
|
欧美一级bbbbb性bbbb喷潮片
|
成人精品一区二区三区电影
|
欧美成人中文字幕在线
|
成人av三级
|
欧美成人一二三
|
在线国产成人影院
|
欧美国产中文字幕
|
久久青草视频
|
欧美一区亚洲一区
|
91精品国产乱码久久久竹菊
|
日韩免费在线看
|
97久久超碰
|
国产欧美韩国高清
|
青青草原在线亚洲
|
91精品国产99久久久久久红楼
|
亚洲精品影视
|
在线看视频不卡
|
视频一区二区中文字幕
|
www成人免费
|
狠狠色丁香久久婷婷综合丁香
|
国产精品裸体瑜伽视频
|
国产精品一二二区
|
日本激情综合网
|
久久久久久久综合日本
|
亚洲欧美日韩色
|
亚洲精品视频自拍
|
91麻豆精品久久毛片一级
|
亚洲成人在线网站
|
欧美日韩人妻精品一区二区三区
|
欧美午夜理伦三级在线观看
|
丰满少妇乱子伦精品看片
|
日韩欧美电影在线
|
91 中文字幕
|
色吧影院999
|
日本在线视频一区二区
|
777国产偷窥盗摄精品视频
|
一区二区三区欧洲区
|
国产一区二区香蕉
|
成人vr资源
|
欧日韩一区二区三区
|
久久久成人网
|
国产二区视频在线播放
|
成人av先锋影音
|
成人在线观看一区二区
|
一区二区三区精品在线
|
国产高潮流白浆
|
欧美一区二区三区四区久久
|
一区二区三区日
|
久久久国产成人精品
|
国产欧美88
|
91久热免费在线视频
|
亚洲字幕久久
|
91免费视频黄
|
国产一区二区三区免费观看
|
九九九九九伊人
|
亚洲乱码中文字幕
|
九九热最新地址
|
精品国产髙清在线看国产毛片
|
www.天天干.com
|
韩国欧美亚洲国产
|
日韩美女国产精品
|
欧美午夜欧美
|
免费成人在线影院
|
国产福利在线免费
|
亚洲精品中文在线
|
久久亚洲成人av
|
亚洲第一免费播放区
|
天堂在线资源8
|
国产www精品
|
久久五月天小说
|
中文字幕av久久
|
波多野洁衣一区
|
亚洲第一黄色网址
|
91久久精品国产91性色tv
|
一区二区三区麻豆
|
美女撒尿一区二区三区
|
国产精品高潮呻吟久久久久
|
久久精品99
|
蜜臀久久99精品久久久久宅男
|
精品国产鲁一鲁一区二区三区
|
一区二区三区毛片
|
国产午夜性春猛交ⅹxxx
|
国产一区二区激情
|
日本少妇精品亚洲第一区
|
国产伦精品一区二区三区照片
|
亚洲欧美视频
|
jizzzz日本
|
亚洲国产成人91porn
|
日日夜夜狠狠操
|
久久亚洲国产成人
|
欧美高清视频看片在线观看
|
日本一区视频在线观看免费
|
久久99精品国产麻豆婷婷
|
国产免费无码一区二区
|
在线免费观看日本欧美
|
国产av一区二区三区精品
|
秋霞av国产精品一区
|
国产精品精品国产一区二区
|
国产美女在线一区
|
国产精品丝袜在线
|
久久这里只有精品国产
|
一区二区日韩精品
|
超碰精品在线观看
|
亚洲一区二区三区精品视频
|
成人爽a毛片一区二区免费
|
欧美波霸videosex极品
|
精品久久人人做人人爽
|