執(zhí)著的笨蛋
黑暗的SH！灰暗的人生！

隨筆 - 154 文章 - 60 trackbacks - 0

2007年11月

>

日

一

二

三

四

五

六

28

29

30

31

1

2

3

4

5

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

7

8

聲明：

該blog是為了收集資料，認識朋友，學習、提高技術(shù)，所以本blog的內(nèi)容除非聲明，否則一律為轉(zhuǎn)載??！

感謝那些公開自己技術(shù)成果的高人們?。?！

支持開源，尊重他人的勞動！！

常用鏈接

留言簿(3)

隨筆分類(148)

隨筆檔案(143)

收藏夾(2)

ppp(2)

其他

學習（技術(shù)）

ander小明的blog
ander小明的blog
anotherbug的blog（北京）
DANCE WITH JAVA
MySQL 中文網(wǎng)
solol.org
任再旺(山東)
另一個
城市胡同
戴一波 CNBRUCE'S BLOG(布魯斯狼)
林信良(良葛格)
金色陽光
關(guān)注Eclipse,Ajax,Struts,Hibernate,Spring,Java,jsp,web service,計算機安全等信息。

觀察思考（非技術(shù)）

冉云飛
新語絲網(wǎng)站
新語絲論壇
羅永浩---傻逼老憤青
個人網(wǎng)站
羅永浩--牛博
牛博國際

搜索

閱讀排行榜

評論排行榜

js table操作 ------ 拖拽行為并且使其自動貼附

代碼1：

<html>

<head>

<title>JK:支持民族工業(yè),盡量少買X貨</title>

var beginMoving=false;

function MouseDownToMove(obj){

obj.style.zIndex=1;

obj.mouseDownY=event.clientY;

obj.mouseDownX=event.clientX;

beginMoving=true;

obj.setCapture();

}

function MouseMoveToMove(obj){

if(!beginMoving) return false;

obj.style.top = (event.clientY-obj.mouseDownY);

obj.style.left = (event.clientX-obj.mouseDownX);

}

function MouseUpToMove(obj){

if(!beginMoving) return false;

obj.releaseCapture();

obj.style.top=0;

obj.style.left=0;

obj.style.zIndex=0;

beginMoving=false;

var tempTop=event.clientY-obj.mouseDownY;

var tempRowIndex=(tempTop-tempTop%25)/25;

if(tempRowIndex+obj.rowIndex <0 )tempRowIndex=-1;

else tempRowIndex=tempRowIndex+obj.rowIndex;

if(tempRowIndex >= obj.parentElement.rows.length-1) tempRowIndex = obj.parentElement.rows.length-1;

obj.parentElement.moveRow(obj.rowIndex,tempRowIndex);

}

</script>

</head>

<body >

</TABLE>

</body>

</html>

代碼2：

<html>

<head>

<title>JK:支持民族工業(yè),盡量少買X貨</title>

<style>

.removableObj

{

height:25;position:relative;

}

</style>

var beginMoving=false;

var sourceObj=null;

var objectObj=null;

var objectObj2=null;

function MouseDownToMove(obj){

obj.style.zIndex=1;

obj.mouseDownY=event.clientY;

obj.mouseDownX=event.clientX;

beginMoving=true;

obj.setCapture();

sourceObj=obj;

objectObj=null;

}

function MouseMoveToMove(obj){

if(!beginMoving) return false;

obj.style.top = (event.clientY-obj.mouseDownY);

obj.style.left = (event.clientX-obj.mouseDownX);

}

function MouseUpToMove(obj){

if(!beginMoving) return false;

obj.releaseCapture();

obj.style.top=0;

obj.style.left=0;

obj.style.zIndex=0;

beginMoving=false;

window.setTimeout("swapFun()",20);

}

function MouseOverFun(obj)

{

if(obj==sourceObj) return false;

objectObj=obj;

}

function MouseOverFun2(obj)

{

objectObj2=obj;

}

function swapFun()

{

if(sourceObj!=null && objectObj!=null) objectObj.insertAdjacentElement("beforeBegin",sourceObj);

else if(sourceObj!=null && objectObj2!=null) objectObj2.insertAdjacentElement("beforeEnd",sourceObj);

sourceObj=null;

objectObj=null;

objectObj2=null;

}

</script>

</head>

<body>

<tr>

<tr>

</tr>

<tr>

</tr>

</table><table border="1" width="100%" bgcolor="#FFCCFF" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >

<tr>

</tr>

<tr>

</tr>

</table>

<tr>

</tr>

<tr>

</tr>

</table>

</td>

<tr>

</tr>

<tr>

</tr>

</table>

<tr>

</tr>

<tr>

</tr>

</table>

</td>

<tr>

</tr>

<tr>

</tr>

</table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table></td>

</tr>

</table>

</body>

</html>

posted on 2007-11-29 17:20 lk 閱讀(1502) 評論(1) 編輯收藏所屬分類: ajax&js

FeedBack:

# re: js table操作 ------ 拖拽行為并且使其自動貼附 2007-12-12 19:15 jeasonzhao

思路不錯，可以更加進一步，構(gòu)造的時候不需要繁瑣的輸入onmouse***函數(shù)
在實際測試的時候，有定位的部準確的問題，可以使用elementFromPoint函數(shù)解決這個問題回復(fù) 更多評論

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: [JS]Cookie精通之路 [轉(zhuǎn)]40種網(wǎng)頁常用小技巧----Ajax中國如何使用Javascript格式化數(shù)字顯示 javascript函數(shù)（格式化數(shù)字，日期比較，光標處插入或修改文字，JS圖片動畫效果）讓你的網(wǎng)頁更精彩 - Javascript 調(diào)用MSAgent zoom.js 使用事例 [轉(zhuǎn)]js日期時間函數(shù)(經(jīng)典＋完善＋實用) js獲取日期星期時間 JAVASCRIPT的常用技術(shù) close window

主站蜘蛛池模板：蚌埠市| 商城县| 高要市| 同德县| 孝感市| 安泽县| 翁源县| 囊谦县| 额济纳旗| 鄂尔多斯市| 克什克腾旗| 水城县| 商洛市| 贞丰县| 梅州市| 连江县| 嫩江县| 石景山区| 融水| 昭觉县| 鄂尔多斯市| 化州市| 海兴县| 昭通市| 永新县| 红桥区| 枞阳县| 芒康县| 大城县| 于都县| 宜都市| 凉城县| 普宁市| 都匀市| 凤山市| 志丹县| 崇信县| 昆明市| 龙门县| 襄樊市| 凌源市|

常用鏈接

留言簿(3)

隨筆分類(148)

隨筆檔案(143)

收藏夾(2)

其他

學習（技術(shù)）

觀察思考（非技術(shù)）

搜索

最新評論

閱讀排行榜

評論排行榜