runxinzhi.com
首页
百度搜索
[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>
相关阅读:
js原生实现div渐入渐出
js刷新界面前事件onbeforeunload
js手机短信验证
scroll滚动条样式修改
省市区三级联动
js this的含义以及讲解
炫酷实用的CSS3代码垂直手风琴菜单
机器学习初探(手写数字识别)HOG图片
机器学习初探(手写数字识别)matlab读取数据集
Google B4网络阅读记录(翻译)
原文地址:https://www.cnblogs.com/HD/p/101408.html
最新文章
PHP 动态调整内存限制
Windows的文件权限 研究笔记
ubuntu下 net core 安装web模板
vim格式化代码
Linux下识别分区文件系统类型
关于Linux的loop设备
随机数
升级与修改Nginx
C# 反射结构体struct的一个坑
C# 下搭建最新版OpenCV(Emgu CV)开发环境
热门文章
项目总结-注意事项
vue中wowjs的使用
如何批量提取图片的名称?亲测好用
超容易理解的call()、apply()、bind()的区别
分享两个常用的rem布局方式
数组API汇总
vue router 根据不同的id切换链接界面不刷新
js判断手机机型,然后进行相对应的操作
css横线中间放图片或者文字
js文字从左边飞入效果
Copyright © 2020-2023
润新知