用JavaScript移动对象
来源:互联网 发布:配电柜电路图软件 编辑:程序博客网 时间:2024/05/20 16:36
drag me-> <-drag me
源代码:
<script type="text/javascript">...
var xOffset,yOffset;
function dragStart()
...{
var obj=event.srcElement;
obj.style.position="absolute";
obj.setCapture();
xOffset=event.x-obj.offsetLeft;
yOffset=event.y-obj.offsetTop;
}
function doDrag()
...{
event.srcElement.style.left=event.x-xOffset;
event.srcElement.style.top =event.y-yOffset;
}
function dragEnd()
...{
event.srcElement.style.cursor="default";
event.srcElement.releaseCapture();
}
</script>
<img src="http://www.w3.org/Icons/valid-xhtml10.png" onmousedown="this.style.cursor='move'" onmouseup="this.style.cursor='default'" ondragstart="dragStart()" ondrag="doDrag()" ondragend="dragEnd()" />
var xOffset,yOffset;
function dragStart()
...{
var obj=event.srcElement;
obj.style.position="absolute";
obj.setCapture();
xOffset=event.x-obj.offsetLeft;
yOffset=event.y-obj.offsetTop;
}
function doDrag()
...{
event.srcElement.style.left=event.x-xOffset;
event.srcElement.style.top =event.y-yOffset;
}
function dragEnd()
...{
event.srcElement.style.cursor="default";
event.srcElement.releaseCapture();
}
</script>
<img src="http://www.w3.org/Icons/valid-xhtml10.png" onmousedown="this.style.cursor='move'" onmouseup="this.style.cursor='default'" ondragstart="dragStart()" ondrag="doDrag()" ondragend="dragEnd()" />
- 用JavaScript移动对象
- 24-JavaScript-面向对象-案例-移动mario图片
- JavaScript移动
- 对象移动
- 对象移动
- 对象移动
- 对象移动
- 用JavaScript面向对象
- 用JavaScript面向对象
- 用Javascript制作鼠标移动跟随
- 用Javascript控制Table的行移动
- 用对象图学习JavaScript
- 用JAVASCRIPT实现静态对象
- javascript用函数实现对象
- DIV+CSS+javascript实现DIV对象显示在页面任何位置,并随滚动条移动
- 浅谈android移动开发之WebView(关于javascript与java对象之间的互调)
- javascript基础:window对象的screen属性、移动窗口、缩放窗口
- JavaScript将指定的元素对象移动到固定的距离函数封装
- JAVA连接数据库的方式
- 创建一个 Java 应用数据库的桌面应用程序
- [WebMethod(EnableSession = true)]
- zz javascript 6个经典函数
- 关于DOM事件模型的两件事
- 用JavaScript移动对象
- 网页问题,急!
- 个人Blog 地址
- The APR based Apache Tomcat Native library which allows optimal performance
- tomcat startup.bat的解释
- tomcat catalina.bat 脚本 解释
- 【案例分析】通过Facebook说社交网站扩张的隐患
- 进一步学习
- 关于FLASH学习入门的网址收集