快捷導(dǎo)航

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

更新時(shí)間：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> 達(dá)達(dá) </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需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

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