zoukankan
html css js c++ java
[JavaScript]鼠标拖动
代码很简单:
<div id="divMove" style="POSITION: absolute;left:300;top:300" onselectstart="return false" onmousedown="MouseDown(this)" onmousemove="MouseMove()"> <table width="150" cellpadding="0" cellspacing="0" border="1"> <tr> <td height="30" bgcolor="#cccccc">title</td> </tr> <tr> <td height="100"><p align="center">testMove</p></td> </tr> </table> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- var currentMoveObj = null; var relLeft,relTop; function MouseDown(obj) { currentMoveObj = obj; currentMoveObj.style.position = "absolute"; relLeft = event.x - currentMoveObj.style.pixelLeft; relTop = event.y - currentMoveObj.style.pixelTop; } window.document.onmouseup = function() { currentMoveObj = null; } function MouseMove() { if(currentMoveObj != null) { currentMoveObj.style.pixelLeft=event.x-relLeft; currentMoveObj.style.pixelTop=event.y-relTop; } } //--> </SCRIPT>
查看全文
相关阅读:
java web开发小记(5)
java web开发小记(4)
java web开发小记(3)
java web开发小记(2)
java web开发小记(1)
Myeclipse10小记
jackson 转换 yyyy-MM-dd格式 少了一个小时问题解决(仅限中国)
mysql,给每一条数据的某一个字段生成不同的随机数
mybatis 表情存储报错问题解决
spring cloud jackson 枚举json互转 枚举json序列化/反序列化
原文地址:https://www.cnblogs.com/HD/p/101408.html
最新文章
ssh多机互信
金山云开发
交换机巡检和监控
交换机配置文件备份
openstack各类操作
添加DNS,yum源并更新
用saltstack命令下发文件
华为云各类操作
项目笔记-vue
git错集
热门文章
vue填坑指南之模板的使用
关于vue build时一直报错
Nginx部署静态页
使用.net core搭建文件服务器
好坑吖,几乎GG,关于Nginx和supervisor的配置
vue入门之编译项目
python笔记(4)几种数据类型对比
python笔记(3)重要知识点
python笔记(2)常见错误
python笔记(1)安装调试
Copyright © 2011-2022 走看看