亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JS實現可改變列寬的table實例

2019-11-20 22:35:03
字體:
來源:轉載
供稿:網友
復制代碼 代碼如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="gbk">
<title>table</title>
</head>
<body>
<table id="tb_1" cellspacing="0" cellpadding="2" width="100%" border="1">
<tbody>
<tr align="center" bgcolor="#dcdcdc">
<td style="width:100px;">用戶編號</td>
<td>試用時間</td><td>轉正時間</td><td>性別</td><td>姓名拼音</td>
<td>生日時間</td><td>民族</td><td>身高</td>
</tr>
<tr>
<td>2000001</td>
<td>1997-3-13</td><td>1997-3-13</td><td>1</td><td>WZJ</td>
<td>1965-3-13</td><td>漢</td><td>171</td>
</tr>
<tr>
<td>2000045</td>
<td>2001-2-15</td><td>2001-3-15</td><td>0</td><td>WY</td>
<td>1978-8-5</td><td>漢</td><td>162</td>
</tr>
<tr>
<td>2000046</td>
<td>2001-2-23</td><td>2001-3-23</td><td>0</td><td>LQ</td>
<td>2001-2-23</td><td>漢</td><td>171</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
var tTD; //用來存儲當前更改寬度的Table Cell,避免快速移動鼠標的問題
var table = document.getElementById("tb_1");
for (j = 0; j < table.rows[0].cells.length; j++) {
table.rows[0].cells[j].onmousedown = function () {
//記錄單元格
tTD = this;
if (event.offsetX > tTD.offsetWidth - 10) {
tTD.mouseDown = true;
tTD.oldX = event.x;
tTD.oldWidth = tTD.offsetWidth;
}
//記錄Table寬度
//table = tTD; while (table.tagName != ‘TABLE') table = table.parentElement;
//tTD.tableWidth = table.offsetWidth;
};
table.rows[0].cells[j].onmouseup = function () {
//結束寬度調整
if (tTD == undefined) tTD = this;
tTD.mouseDown = false;
tTD.style.cursor = 'default';
};
table.rows[0].cells[j].onmousemove = function () {
//更改鼠標樣式
if (event.offsetX > this.offsetWidth - 10)
this.style.cursor = 'col-resize';
else
this.style.cursor = 'default';
//取出暫存的Table Cell
if (tTD == undefined) tTD = this;
//調整寬度
if (tTD.mouseDown != null && tTD.mouseDown == true) {
tTD.style.cursor = 'default';
if (tTD.oldWidth + (event.x - tTD.oldX)>0)
tTD.width = tTD.oldWidth + (event.x - tTD.oldX);
//調整列寬
tTD.style.width = tTD.width;
tTD.style.cursor = 'col-resize';
//調整該列中的每個Cell
table = tTD; while (table.tagName != 'TABLE') table = table.parentElement;
for (j = 0; j < table.rows.length; j++) {
table.rows[j].cells[tTD.cellIndex].width = tTD.width;
}
//調整整個表
//table.width = tTD.tableWidth + (tTD.offsetWidth 亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
一本色道久久综合狠狠躁篇的优点| 国产精品久久久久久久9999| 福利一区视频在线观看| 精品国产区一区二区三区在线观看| 欧美日韩国产一区在线| 亚洲人午夜精品| 久久精品国产精品| 欧美大片欧美激情性色a∨久久| 丝袜情趣国产精品| 丝袜美腿亚洲一区二区| 91国自产精品中文字幕亚洲| 日韩av片免费在线观看| 欧美视频一二三| 欧美性猛交xxxx黑人猛交| 国产一区二区三区视频免费| 裸体女人亚洲精品一区| 亚洲一级片在线看| 日韩精品欧美国产精品忘忧草| 精品欧美激情精品一区| 全色精品综合影院| 亚洲人成在线观看网站高清| 91免费的视频在线播放| 一区二区三区黄色| 亚洲free性xxxx护士hd| 青草成人免费视频| 98视频在线噜噜噜国产| 欧美日韩国产综合视频在线观看中文| 国产精品网站大全| 亚洲欧美在线免费| 91精品国产色综合久久不卡98口| 成人午夜黄色影院| 91久久精品一区| 日韩性xxxx爱| 国产成人精品综合久久久| 成人a在线观看| 一区二区欧美在线| 91av在线免费观看| 日本最新高清不卡中文字幕| 国产精品视频xxx| 亚洲一区二区三区四区在线播放| 狠狠做深爱婷婷久久综合一区| 亚洲人精品午夜在线观看| 亚洲女人被黑人巨大进入al| 亚洲综合中文字幕68页| 欧美一级淫片播放口| 国产婷婷97碰碰久久人人蜜臀| 国产+人+亚洲| 亚洲成人aaa| 97精品国产97久久久久久| 国产精品美女免费视频| 国内精品在线一区| 日韩成人在线视频| 成人欧美在线观看| 麻豆精品精华液| 国产在线98福利播放视频| 少妇激情综合网| 国产精品v片在线观看不卡| 亚洲qvod图片区电影| 亚洲国产成人91精品| 欧美第一淫aaasss性| 91免费欧美精品| 美女撒尿一区二区三区| 日本午夜在线亚洲.国产| 美日韩精品视频免费看| 中文字幕日本精品| 国产精选久久久久久| 国产精品情侣自拍| 懂色av中文一区二区三区天美| 日本精品免费一区二区三区| 亚洲jizzjizz日本少妇| 欧美精品videossex性护士| 国产精品视频色| 亚洲成年人影院在线| 精品国产欧美成人夜夜嗨| 在线电影欧美日韩一区二区私密| 日韩av在线网| 国产精品pans私拍| 国产精品电影久久久久电影网| 国产欧美精品在线| 久久久免费精品| 日韩高清欧美高清| 欧美激情一二区| 日本高清视频一区| 国产精品扒开腿做爽爽爽的视频| 91在线色戒在线| 欧美性xxxxx极品娇小| 亚洲一区二区久久久久久久| 在线不卡国产精品| 国产免费一区二区三区在线观看| 久久69精品久久久久久国产越南| 国产成人精品亚洲精品| 美女999久久久精品视频| 538国产精品视频一区二区| 欧美视频一二三| 欧美色另类天堂2015| 精品久久久久久久久久久久久| 亚洲成**性毛茸茸| 国产精品高潮在线| 亚洲欧美日韩国产成人| 国产亚洲美女精品久久久| 黄网站色欧美视频| 亚洲欧美国产高清va在线播| 茄子视频成人在线| 日韩av男人的天堂| 96sao精品视频在线观看| 亚洲最大在线视频| 久久久久久久香蕉网| 久久成人在线视频| 久久久av一区| 国产成人精品999| 成人av在线天堂| 国产精品第8页| 亚洲jizzjizz日本少妇| 精品亚洲精品福利线在观看| 黑人极品videos精品欧美裸| 91久久中文字幕| 国产视频在线一区二区| 中文字幕欧美精品在线| 国产精品丝袜一区二区三区| 久久久精品影院| 亚洲老司机av| 欧美理论在线观看| 91高清视频在线免费观看| 欧美一区二区大胆人体摄影专业网站| 欧美高清无遮挡| 91精品久久久久久久久久入口| 亚洲精品久久视频| 欧美www视频在线观看| 性金发美女69hd大尺寸| 国产精品高潮呻吟久久av无限| 在线观看国产精品91| 欧美精品18videos性欧美| 亚洲aa在线观看| 亚洲电影成人av99爱色| 亚洲最大福利视频| 国产亚洲精品久久久久动| 欧美麻豆久久久久久中文| 日韩在线观看视频免费| 在线亚洲午夜片av大片| 九九热这里只有精品免费看| 91网站在线看| 国产精品白嫩美女在线观看| 中文字幕日韩视频| 国产精品青草久久久久福利99| 国产精品99蜜臀久久不卡二区| 日本精品视频网站| 米奇精品一区二区三区在线观看| 九色精品美女在线| 日韩精品视频在线免费观看| 这里只有视频精品| 日韩一区视频在线| 亚洲精品成人久久电影| 欧美成人免费va影院高清| 久久精品国产91精品亚洲| 超碰91人人草人人干| 91中文在线观看| 国产成人免费91av在线| 亚洲第一网中文字幕| 一本一本久久a久久精品牛牛影视| 全色精品综合影院| 成人激情免费在线| 日韩在线观看视频免费| 日韩av免费看网站| 日本久久精品视频|