网络编程
网页制作
网络编程
脚本专栏
数据库
服务器
操作系统
网站运营
平面设计
电脑基础
首页
>
网络编程
> 浏览文章
js简单的表拖拽
(编辑：jimmy 日期: 2026/5/6 浏览：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 > </TR > </TR > </TR > </TR > </TR > </TR > </TR > </TR > </TR > </TR > </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
Js的MessageBox效果代码
下一篇：
js下拉框里超过变成省略号
友情链接:
杰晶网络
DDR爱好者之家
南强小屋
黑松山资源网
白云城资源网
站点导航
SiteMap
主页
破解
音乐
影视