- 77
- 0
如题,目前只能往右下角拖拉,而不能往其他方向拉,我想实现Win10桌面一模一样的拖拉,不知道算法改怎么写了。
下面是已经写好的JS,有大佬看下怎么改进,才能实现和Win10桌面一样的拖拉呢
[JavaScript]
var Mil = false;
var NewDiv = document.createElement('div');
function getMousePos(event) {
var e = event || window.event;
var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
var x = e.pageX || e.clientX + scrollX;
var y = e.pageY || e.clientY + scrollY;
return { 'x': x, 'y': y };
}
function Mi(e) {
document.body.appendChild(NewDiv);
NewDiv.id = 'Move_div';
move_div = document.getElementById("Move_div");
var m_down_x = getMousePos(e).x;
var m_down_y= getMousePos(e).y;
move_div.style.left = m_down_x + "px";
move_div.style.top = m_down_y + "px";
move_div.style.width = m_down_x - parseInt(move_div.style.left) +"px";
move_div.style.height = m_down_y - parseInt(move_div.style.top) +"px";
Mil = true;
}
function move(e){
if(Mil){
move_div = document.getElementById("Move_div");
var m_move_x = getMousePos(e).x;
var m_move_y= getMousePos(e).y;
move_div.style.width = m_move_x - parseInt(move_div.style.left) +"px";
move_div.style.height = m_move_y - parseInt(move_div.style.top) +"px";
}
}
function up(){
Mil = false;
document.body.removeChild(document.getElementById("Move_div"));
}
[Html]
<body onmousemove="move(event)" onmouseup="up()" onmousedown="Mi(event)">
[Css]
#Move_div{
background-color: rgba(162, 204, 242, 0.35);
box-shadow: 0 0px 0.1px 0 rgba(255, 255, 255, 0.88);
position: fixed;
}
0
打赏
收藏
点击回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
