网页特效推荐 可以任意编辑的动态表格-网页页面特效

　　任意标准数据表格(无跨行和跨列)，只要设定 id (默认为 id = PowerTable )即可生效!

　　任意修改、删除、编辑、表格行列，支持拖动表头交换列;

　　按列中英文排序(中文排序支持拼音和笔画，500 行 中文排序 不到 3 秒!感谢 myhyli 帮助，提高了排序速度)

　　倒出生成精简数据表(无冗余代码)

　　相关显示颜色可以通过下面变量自行定制

　　show_col = false;

　　charMode = 1;

　　act_bgc = "#BEC5DE";

　　act_fc = "black";

　　cur_bgc = "#ccffcc";

　　cur_fc = "black";

　　ATT. 如果在较大的页面中引用，请将 window.onload 事件的内容指向 PowerTable 之后!

　　PS. 我的汉字排序方法和秋水的应该至少是相当的，都是引用字表，取索引位，只是没有加上拼音识别罢了，就效率上应该相当的(原理都一样)!

<!-- All Files Design & Write by Windy_sk, you can use it freely but ... YOU MUST KEEP THIS ITEM ! Email: seasonx@163.net --> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Power Table</title> <style> body{ FONT-SIZE: 9pt; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; } input { FONT-SIZE: 9pt; height: 15pt; width:50px; cursor: default; } table{ font-size: 9pt; word-break:break-all; cursor: default; BORDER: black 1px solid; background-color:#eeeecc; border-collapse:collapse; border-Color:#999999; align:left; } </style> <script language="JavaScript1.2"> /* This following code are designed and writen by Windy_sk <seasonx@163.net> You can use it freely, but u must held all the copyright items! */ var Main_Tab = null; var cur_row = null; var cur_col = null; var cur_cell = null; var Org_con = ""; var sort_col = null; var show_col = false; var charMode = 1; var act_bgc = "#BEC5DE"; var act_fc = "black"; var cur_bgc = "#ccffcc"; var cur_fc = "black"; function init(){ cur_row = null; cur_col = null; cur_cell = null; sort_col = null; Main_Tab = PowerTable; read_def(Main_Tab) Main_Tab.onmouseover = overIt; Main_Tab.onmouseout = outIt; Main_Tab.onclick = clickIt; Main_Tab.ondblclick = dblclickIt; Org_con = Main_Tab.outerHTML; arrowUp = document.createElement("SPAN"); arrowUp.innerHTML = "5"; arrowUp.style.cssText = "PADDING-RIGHT: 0px; MARGIN-TOP: -3px; PADDING-LEFT: 0px; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 10px; COLOR: blue; PADDING-TOP: 0px; FONT-FAMILY: webdings; HEIGHT: 11px"; arrowDown = document.createElement("SPAN"); arrowDown.innerHTML = "6"; arrowDown.style.cssText = "PADDING-RIGHT: 0px; MARGIN-TOP: -3px; PADDING-LEFT: 0px; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 10px; COLOR: blue; PADDING-TOP: 0px; FONT-FAMILY: webdings; HEIGHT: 11px"; } function window.onload(){ init(); drag = document.createElement("DIV"); drag.innerHTML = ""; drag.style.textAlign = "left"; drag.style.position = "absolute"; drag.style.cursor = "hand"; drag.style.border = "1 solid black"; drag.style.display = "none"; drag.style.zIndex = "999"; document.body.insertBefore(drag); setInterval("judge_move()",100); setInterval("showContent.value=Main_Tab.innerHTML;monitor.value='cur_row: '+cur_row+'; cur_col: '+cur_col + '; sort_col: ' +sort_col",1000); sel_Mode.selectedIndex=charMode; } function judge_move(){ move[0].disabled=(cur_row == null || cur_row<=1); move[1].disabled=(cur_row == null || cur_row==Main_Tab.rows.length-1 || cur_row == 0); move[2].disabled=(cur_col == null || cur_col==0); move[3].disabled=(cur_col == null || cur_col==Main_Tab.rows[0].ce</body></html>