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

js实现div在页面拖动效果【javascript】

时间:2021-12-15 11:06:36

相关推荐

js实现div在页面拖动效果【javascript】

web前端|js教程

js,div,页面拖动

web前端-js教程

安卓 oa 源码,ubuntu掉显卡驱动,爬虫工具干嘛的,下载php文件代码php,sem是seolzw

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;}

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

centos 源码包管理,ubuntu查询用户密码,视频爬虫违法吗,php 体验,seo里tdklzw

php 简单论坛源码下载,ubuntu怎样bt下载,数据爬虫论文价格,php cookie注销,seo牛杂加盟lzw

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