900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js实现div在页面拖动效果

js实现div在页面拖动效果

时间:2020-01-11 01:38:59

相关推荐

js实现div在页面拖动效果

web前端|js教程

js div 拖动

web前端-js教程

android 背单词源码,ubuntu自动清除内存,nginx如何禁用爬虫,php 5.2.5.5,seo博客muyeseolzw

body { margin: 0px;}#div1 { display: none; position: absolute; z-index: 1000; height: 100%; width: 100%; background: #000000; filter:Alpha(opacity=30);}#div2 { display: none; position: absolute; height: 100%; width: 100%; padding-top: 10%; z-index: 1001;}#div3 { display: block; position: absolute; z-index: 999;}//定义移动对象和移动坐标var Mouse_Obj="none",_x,_y;//拖动对象函数(自动)document.onmousemove=function(){ if(Mouse_Obj!=="none") { document.getElementById(Mouse_Obj).style.left=_x+event.x; document.getElementById(Mouse_Obj).style.top=_y+event.y; event.returnValue=false; }}//停止拖动函数(自动)document.onmouseup=function(){ Mouse_Obj="none";}//确定被拖动对象函数 o为被拖动对象function m(o){ Mouse_Obj=o; _x=parseInt(document.getElementById(Mouse_Obj).style.left)-event.x; _y=parseInt(document.getElementById(Mouse_Obj).style.top)-event.y;}

图片墙网站源码下载,ubuntu设置开机命令,耳朵 头发 爬虫感,php商务,seo免费模型lzw

更多js实现div在页面拖动效果相关文章请关注PHP中文网!

登录界面 源码之家,ubuntu怎么重置g,眉山爬虫ip厂,php程序设计基础教程源代码,vue组件 seolzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。