为了账号安全,请及时绑定邮箱和手机立即绑定

窗口随鼠标拖拽移动,没有效果

窗口随鼠标拖拽移动,没有效果

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document</title><style type="text/css">    html,body{        margin:0;        padding: 0;        width: 100%;        height: 100%;    }   h1{    position: relative;    margin: 0 auto;    /*text-align: center;*/    top:50%;    transform:translateY(-50%);   }    .move_out{    position: relative;    cursor:pointer;   }</style></head><script type="text/javascript">    var move_out=false;    var z,x,y;    function move(){        if(event.button==move_out){            z.style.pixelLeft=temporarily1+clientX-x;            z.style.pixelTop=temporarily2+clientY-y;            return false        }    }    function down(){        if(event.srcElement.className=="move_out"){            move_out=true;            z=event.srcElement;//当前事件源            temporarily1=z.style.pixelLeft;            temporarily2=z.style.pixelTop;            x=event.clientX;            y=event.clientY;            document.onmousemove=move;        }        else{            move_out=false;        }    }    document.oumousedown=down;</script><body>            <!-- <h1>Follow me!</h1> -->    <font>Fllow me!</font>        </body></html>
查看完整描述

4 回答

?
IVWEB_Jeremygao

TA贡献3条经验 获得超0个赞

oumousedown ?  是我屏幕的像素点排列错了吗?

查看完整回答
反对 回复 2017-09-01
?
宝慕林5251960

TA贡献3条经验 获得超1个赞

明天给你我写的

查看完整回答
反对 回复 2017-08-30
?
cnyballk

TA贡献148条经验 获得超93个赞

你哪看来的,你真得明白函数事件这些事情吗,好好看js基础先吧

查看完整回答
反对 回复 2017-08-28
?
骑驴的帅小伙

TA贡献16条经验 获得超7个赞

你的代码我看着挺懵逼的……代码贴全了么?你的event哪里来的?也没见函数传参

查看完整回答
反对 回复 2017-08-28
?
anet

TA贡献79条经验 获得超19个赞

html5自带拖放

查看完整回答
反对 回复 2017-08-27
  • 4 回答
  • 0 关注
  • 2214 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信