DOM拖拽效果源码
来源:互联网 发布:windows原版镜像 编辑:程序博客网 时间:2024/06/05 07:27
<!doctype html><html><script type="text/javascript" src="js/sea.js"></script><script type="text/javascript">//引用外部文件时,需要两个参数// seajs.use('./js/module.js',function(explorts){// explorts.foo();// });window.onload = function(){var div = document.getElementById('div');drag(div);function drag(obj){obj.onmousedown = function(e){var that = obj;var e = e||window.event;var clientX = e.clientX;var clientY = e.clientY;var x = clientX-obj.offsetLeft;var y = clientY-obj.offsetTop;// console.log(x+','+y);document.onmousemove = function(e){var e = e||window.event;that.style.left = e.clientX-x +'px';that.style.top = e.clientY-y +'px';}document.onmouseup = function(e){document.onmousemove = null;document.onmouseup = null;}}}}</script><style type="text/css">#div{width: 200px;height: 300px;position:absolute;top:100px;left: 600px;background-color: red;}</style><head><div id="div"></div></head></html>
0 0
- DOM拖拽效果源码
- DOM事件探秘之三_QQ面板拖拽效果
- js模拟QQ面板拖拽效果及状态切换效果(DOM事件)
- 什么是DOM?DOM效果示例
- JS DOM 走马灯效果
- DOM-----显示缓冲效果
- dojo/dom源码学习
- jquery源码 DOM加载
- jQuery源码之DOM操作
- BezierDemo源码解析-实现qq消息气泡拖拽消失的效果
- android仿QQ消息列表拖拽气泡效果源码读后感(1)
- 倒影效果(源码)
- 倒影效果(源码)
- 瀑布流效果源码
- jqGrid之效果源码
- Ajax登录效果源码
- dom方式写网页标题走马灯效果
- 用DOM的setInterval()写走马灯效果
- Android NDK系列(2) --- 简单so例子动态分析
- Radar Installation(区间选点)
- 原型
- 碰撞检测
- android 的学习路线
- DOM拖拽效果源码
- 躁动的小球
- 初探Docker
- java面试笔试题:同步和异步有何异同
- 定义和声明的区别
- Hadoop之——远程调试随笔杂谈
- HQL数据查询基础
- 在Max里面快速搭建Box场景
- 解决克隆虚拟机无法上网问题