js移动div
来源:互联网 发布:绘声绘影软件中文版 编辑:程序博客网 时间:2024/05/16 07:12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE>js移动div</TITLE> </HEAD> <BODY> <div style="border:1px solid green;width:500px;height:100;left:100px;top:100px;position: absolute;"> <div id='pop-editor' style='width: 100px;height:30px;border:1px solid red;position: absolute;left:10px;top:20px;' onmousedown='down(event)' onmouseup='up()'>move</div></div> </BODY></HTML><SCRIPT LANGUAGE="JavaScript"> var posX; var posY; var popDiv; var dragable; var divClone; function down(e){ popDiv = document.getElementById("pop-editor"); divClone = popDiv.parentNode; e = e || window.event; //如果是IE posX = e.clientX - parseInt(divClone.style.left); posY = e.clientY - parseInt(divClone.style.top); dragable = true; document.onmousemove = move; } function move(ev){ if(dragable == true){ ev = ev || window.event;//如果是IE divClone.style.left = (ev.clientX - posX) + "px"; divClone.style.top = (ev.clientY - posY) + "px"; } } function up(){ dragable = false; } </SCRIPT>
- JS 移动Div层
- js移动div
- js拖拽div移动
- js按键移动div
- div的js移动
- 纯js操作div移动
- 纯js操作div移动
- 纯js操作div移动
- js 实现 鼠标 移动 div
- 纯js可移动DIV
- 用JS实现移动DIV
- js实现div的移动
- js 实现移动div窗体
- JS+DIV 鼠标移动 DIV切换
- js移动DIV(来自互联网)
- 如何利用js移动div层
- js可移动div(转)
- JS 移动层 div 精简示例
- hdu 4139 质因子分解
- 。。。
- 三位数比较大小
- 输入两个数,比较大小
- 设计模式学习笔记——迭代器模式
- js移动div
- javaIO流学习总结
- 深入GetMessage,PeekMessage以及Windows消息机制
- errno详解
- 表达式求值(C/C++版)
- android权限一定不能忘加!
- POJ-1601
- CSS3详解:border-radius
- 实时录音与播放的内存实现 Qt代码