js 表格拖拽效果實例代碼 (IE only)

2024-05-06 14:11:23

字體：大中小

來源：轉載

供稿：網友

<!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 http-equiv="Content-type" content="text/html; charset=gb2312" /> <title>Table Test (I.E. Only)</title>  <style type="text/css"> body { overflow: hidden; } .Shadow { color: #FC8331; width: 100%; padding: 3px; font-family: Arial, "宋體"; font-size: 12px; font-weight: normal; line-height: 22px; border-collapse: collapse; border-right: 1px solid #0000; border-top: 1px solid #0000; border-left: 1px solid #0000; border-bottom: 1px solid #0000; } .Grid { background-color: #ffffff; padding: 3px; font-family: Arial, "宋體"; font-size: 12px; font-weight: normal; line-height: 22px; color: #494949; text-decoration: none; border-collapse: collapse; border-right: 1px solid #2A8CBF; border-top: 1px solid #2A8CBF; border-left: 1px solid #2A8CBF; border-bottom: 1px solid #2A8CBF; } .GridHeader { font-family: Arial, "宋體"; font-size: 12px; font-weight: bold; line-height: 23px; border: 1px solid #77ABF2; height: 25px; text-decoration: none; text-align: center; white-space: nowrap; color: #000000; } </style> </head> <body> <table id="table" width="90%" border="1" class="Grid"> <thead class="GridHeader"> <tr bgcolor="cccccc"> <th> 姓名 </th> <th> 性別 </th> <th> 年齡 </th> </tr> </thead>  <tr> <td> 周周 </td> <td> F </td> <td> 20 </td> </tr> <tr> <td> 達達 </td> <td> M </td> <td> 21 </td> </tr> <tr> <td> 黃宏 </td> <td> M </td> <td> 12 </td> </tr>  <tfoot> </tfoot> </table>  </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：第一個JavaScript入門基礎 document.write輸出

下一篇：javascript replace()正則替換實現代碼