首頁新隨筆新文章聯系聚合

posts - 120,comments - 125,trackbacks - 0

2009年3月

>

日

一

二

三

四

五

六

22

23

24

25

26

27

28

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

常用鏈接

留言簿(6)

隨筆分類(62)

隨筆檔案(120)

JavaScript

JavaScript.com
w3schools.com --- JavaScript Tutorial
WebReference.com --- JavaScript

個人博客

Oo緣來是你oO --- CnBlogs
Oo緣來是你oO --- CppBlog
Oo緣來是你oO --- CSDNBlogs

技術網站

The Code Project
WebReference.com
Web服務_TechTarget IT專家網
邪惡八進制

有一只企鵝叫Linux

ChinaUnix.net
GCC home page!
linux寶庫

有一部咖啡叫Java

Java Examples from The Java Developers Almanac 1.4
Java Language Specification --- Second Edition
JavaJava世界_中文論壇
Java開源大全
Java愛好者
SUN中國技術社區
中國Eclipse社區

有一部經典叫C++

C FAQs
C Programming Reference
C-C++ Reference
CPP Home
Cprogramming
STL 中文站
The C Standards Committee
The C++ resources network
The C++ Standards Committee

系列文章

經典Blog

搜索

積分與排名

積分 - 145381
排名 - 425

閱讀排行榜

評論排行榜

表格列寬鼠標拖動

馬嘉楠 2009-03-03

共同學習，歡迎轉載。轉載請注明地址【http://blog.csdn.net/majianan/archive/2009/03/03/3952649.aspx 】，謝謝O(∩_∩)O！

/******************************************
* 沒有版權任意修改改好了請發給我一份 O(∩_∩)O
* Email：jianan.ma@gmail.com
* QQ:52524611
*******************************************/

功能：1）鼠標拖動列寬。2）雙擊恢復列寬

<HTML> <HEAD> <TITLE>表格列寬鼠標拖動</TITLE> <META content="text/html; charset=gb2312" http-equiv=Content-Type> </HEAD> <mce:style></mce:style><style mce_bogus="1"> .line{ position:absolute; width:1px; height:100px; background-color:#000000; } table { border-collapse: collapse; border: 1 solid; padding-left: 100px; } thead td { background: #c0c0c0; cursor: col-resize; height: 16px; text-align: center; } td div { cursor: default; } td { font:menu; padding: 5px; border: 1px solid; text-align: center; }</style> <mce:script language="javascript"></mce:script> <BODY> <table id="resizeTable" onselectstart="return false;" > <thead> <tr> <td name="headTd" data="姓名" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"><div>姓名</div></td> <td name="headTd" data="性別" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"><div>性別</div></td> <td name="headTd" data="電話" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"><div>電話</div></td> <td name="headTd" data="住址" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"><div>住址</div></td> <td name="headTd" data="面貌" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"><div>政治面貌</div></td> <td name="headTd" data="學歷" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"><div>學歷</div></td> <td name="headTd" data="備注" ondblclick="restoreTD()" onmousedown="ResizeTd(this)"><div>備注</div></td> </tr> </thead> <tbody> <mce:script language="javascript"></mce:script> </tbody> </table> </BODY> </HTML>

馬嘉楠
jianan.ma@gmail.com

posted on 2009-03-03 14:04 馬嘉楠閱讀(2245) 評論(2) 編輯收藏所屬分類: SoureCode 、Java Script

FeedBack:

# re: 表格列寬鼠標拖動

2009-03-10 10:41 | 冷面閻羅

哥們不好用啊回復更多評論

# re: 表格列寬鼠標拖動[未登錄]

2015-09-16 22:03 | 呵呵

為什么只顯示出那個拖動的符號，拖動不了呢回復更多評論

新用戶注冊刷新評論列表


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




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: 表格列寬鼠標拖動【JavaScript】懸浮窗口【JavaScript】列表（Select）選項（Option）的移動（上下左右）【原】CSS+JavaScript 實現TabPane頁簽【原】【JavaScript】列表元素上下左右移動：Select和Option的應用【原創】CSS+JavaScript 實現菜單功能--改進版 Print Fibonacci Sequcnce 簡單的密碼驗證控件蛇行填數一道很簡單的老問題，求更好的解決方法