js简单的表拖拽

(编辑：jimmy 日期: 2026/3/9 浏览：3 次 )

<html> <title> 表拖拽效果代码</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> .mainDiv{padding:1px;overflow:auto;scrollbar-face-color:#DEEAF8;height:auto;width:expression(document.body.clientWidth); } .fixedHeaderTr{height:24px;background:#D0E2FD;color:#000;text-align:center;} .fixedHeaderTd{height:24px;line-height:22px} .relativeTag{height:20px;background-color:#fff;} .relativeTag1{height:20px;background-color:#F5F6F8;} .relativetd{border:1px solid #f1f1f1;border-width:0 0 1px 0;padding:0 15px 0 5px;text-align:center;} .resizeDivClass{text-align:right;width:3px;margin:1px 0 1px 0;background:#eee;float:right;cursor:e-resize;} </style>  <body style="BORDER-top: #769ABE 1px solid;">                                         <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/box1.gif');"><img src="/UploadFiles/2021-04-02/box1.gif" alt="js简单的表拖拽" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>              选择                                       <a href="javascript:;" onclick="showimg('images/box1.gif');"><img src="images/box1.gif" alt="js简单的表拖拽" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>              订单号                                        <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/box1.gif');"><img src="/UploadFiles/2021-04-02/box1.gif" alt="js简单的表拖拽" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>              公司名称                                        <a href="javascript:;" onclick="showimg('images/box1.gif');"><img src="images/box1.gif" alt="js简单的表拖拽" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>              订单客户                                       <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/box1.gif');"><img src="/UploadFiles/2021-04-02/box1.gif" alt="js简单的表拖拽" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>              部门                                        <a href="javascript:;" onclick="showimg('images/box1.gif');"><img src="images/box1.gif" alt="js简单的表拖拽" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>              业务员                                       <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/box1.gif');"><img src="/UploadFiles/2021-04-02/box1.gif" alt="js简单的表拖拽" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>              交款方式                                                                  <input name="checkbox0" type="checkbox" id="checkbox0"                onClick="this.checked==true?this.parentNode.parentNode.style.background='#D0E2FD':this.parentNode.parentNode.style.background=''">                    1000000          中国电信          订单客户名称          广告部          王天一          现金          </TR >                                           <input name="checkbox1" type="checkbox" id="checkbox1"                onClick="this.checked==true?this.parentNode.parentNode.style.background='#D0E2FD':this.parentNode.parentNode.style.background=''">                    1000000          中国电信          订单客户名称          广告部          王天一          现金          </TR >                                           <input name="checkbox2" type="checkbox" id="checkbox2"                onClick="this.checked==true?this.parentNode.parentNode.style.background='#D0E2FD':this.parentNode.parentNode.style.background=''">                    1000000          中国电信          订单客户名称          广告部          王天一          现金          </TR >                                           <input name="checkbox3" type="checkbox" id="checkbox3"                onClick="this.checked==true?this.parentNode.parentNode.style.background='#D0E2FD':this.parentNode.parentNode.style.background=''">                    1000000          中国电信          订单客户名称          广告部          王天一          现金          </TR >                                           <input name="checkbox4" type="checkbox" id="checkbox4"                onClick="this.checked==true?this.parentNode.parentNode.style.background='#D0E2FD':this.parentNode.parentNode.style.background=''">                    1000000          中国电信          订单客户名称          广告部          王天一          现金          </TR >                                           <input name="checkbox5" type="checkbox" id="checkbox5"                onClick="this.checked==true?this.parentNode.parentNode.style.background='#D0E2FD':this.parentNode.parentNode.style.background=''">                    1000000          中国电信          订单客户名称          广告部          王天一          现金          </TR >                                           <input name="checkbox6" type="checkbox" id="checkbox6"                onClick="this.checked==true?this.parentNode.parentNode.style.background='#D0E2FD':this.parentNode.parentNode.style.background=''">                    1000000          中国电信          订单客户名称          广告部          王天一          现金          </TR >                              &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          </TR >                              &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          </TR >                              &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          </TR >                              &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          </TR >                              &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          </TR >                              &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          </TR >                              &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          </TR >                              &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          </TR >                              &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          </TR >                              &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          &nbsp;          </TR >                                </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：Js的MessageBox效果代码
下一篇：js下拉框里超过变成省略号