Toggle navigation
首页
热门资讯
资源下载
技术博客
会员
中心
会员中心
发布博文
发布资源
首页
文章中心
JavaScript
js 页面模块自由拖动实例
230 阅读
0 评论
152 点赞
我是
靠谱客
的博主
醉熏煎蛋
,这篇文章主要介绍
js 页面模块自由拖动实例
,现在分享给大家,希望可以做个参考。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>js页面模块自由拖动</title> <style> .removableObj { height:25;position:relative; } </style> </head> <body> 用鼠标移动TD(本代码也适合用鼠标进行其它对象的对换(如table,div等)) <table border="1" width="300"> <tr> <td bgcolor=red class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >a1</td> <td bgcolor=blue class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >a2</td> </tr> <tr> <td bgcolor=#cccccc class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >b1</td> <td bgcolor=#eeeeee class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >b2</td> </tr> </table> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
最后
以上就是
醉熏煎蛋
最近收集整理的关于
js 页面模块自由拖动实例
的全部内容,更多相关
js
内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(
152
)
本文分类:
JavaScript
浏览次数:
230
次浏览
发布日期:2022-04-25 00:13:01
本文链接:
https://www.kaopuke.com/article/k-p-k_14_u_7_ocf3_12__7_g3.html
相关文章
SEO图片优化:web前端图片极限优化策略
Ubuntu 15.10正式版发布 官方ISO镜像下载
ubuntu 16.04LTS 开机启动自动更换壁纸的实现方法
网卡频繁断网掉线总是自动协商导致该怎么办?
js 页面模块自由拖动实例
photoshop简单绘制一个牛奶盒包装
Jquery 分页插件之Jquery Pagination
spring的maven配置文件整理
评论列表
共有
0
条评论
发表评论
取消回复
登录
注册新账号
立即
投稿
微信扫一扫:分享
微信里点“发现”,扫一下
二维码便可将本文分享至朋友圈。
返回
顶部
发表评论 取消回复