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

更新時間：2010年02月25日 08:53:40 作者：

拖拽交換Table的列（I.E. ONLY）

<!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> <span>姓名</span> </th> <th> <span>性別</span> </th> <th> <span>年齡</span> </th> </tr> </thead> <tbody> <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> </tbody> <tfoot> </tfoot> </table>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

js下彈出窗口的變通
js下彈出窗口的變通...
2007-04-04
利用js的Node遍歷找到repeater的一個字段實例介紹
本文教大家使用js的Node遍歷找到repeater的一個字段的具體實現(xiàn)思路，感興趣的朋友可參考下，希望可以幫助到你
2013-04-04
JavaScript判斷一個變量是否是數(shù)組的五種方式總結
在 JavaScript 編程中,我們經(jīng)常需要對不同類型的變量進行判斷和處理,其中,判斷一個變量是否是數(shù)組是一項基本且常見的任務,在本篇博客中,我們將介紹幾種常用的方式來判斷一個變量是否是數(shù)組,并探討它們的優(yōu)缺點以及適用場景,需要的朋友可以參考下
2023-11-11
Bootstrap Table使用整理(一)
基于 Bootstrap 的 jQuery 表格插件，通過簡單的設置，就可以擁有強大的單選、多選、排序、分頁，以及編輯、導出、過濾（擴展）等等的功能
2017-06-06
阻止JavaScript事件冒泡傳遞（cancelBubble 、stopPropagation）
阻止JavaScript事件冒泡傳遞（cancelBubble 、stopPropagation）...
2007-05-05
echart中tooltip自動展示代碼示例
這篇文章主要給大家介紹了關于echart中tooltip自動展示的相關資料,ECharts是一款基于JavaScript的數(shù)據(jù)可視化圖表庫,提供直觀，生動,可交互,可個性化定制的數(shù)據(jù)可視化圖表,需要的朋友可以參考下
2023-09-09
JavaScript利用切片實現(xiàn)大文件斷點續(xù)傳
斷點續(xù)傳即在文件上傳期間因為一些原因而導致上傳終止時，下次再次上傳同一個文件就從上一次上傳到一半的地方繼續(xù)上傳，以節(jié)省上傳時間。本文將利用切片實現(xiàn)大文件斷點續(xù)傳功能，快來跟隨小編一起學一學吧
2022-03-03
FileUpload上傳圖片(圖片不變形)
FileUpload上傳圖片(圖片不變形) 的實現(xiàn)方法，需要的朋友可以參考下。
2010-08-08
原生Javascript實現(xiàn)繼承方式及其優(yōu)缺點詳解
JS作為面向對象的弱類型語言,繼承也是其非常強大的特性之一,那么這篇文章主要給大家介紹了關于原生Javascript實現(xiàn)繼承方式及其優(yōu)缺點的相關資料,需要的朋友可以參考下
2021-07-07
JavaScript中常見的繼承方式總結
這篇文章主要和大家詳細介紹了JavaScript中常見的幾種繼承方式，文中的示例代碼講解詳細，對我們學習JavaScript有一定幫助，需要的小伙伴可以參考下面文章詳細內容
2022-11-11