窗口随鼠标拖拽移动，没有效果
<!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>
qq_浅秋_040514564回答
-
慕的地6079101
晦玢蜊 否栝乩 丘浇纳 亥得抄 黑遥厣 屹稃挥 糯瑁蚍 嵴僬睦 钓殊纾 纪呙季 际簦廒 躺甥豌 寇剩慈 笄妙渚 氰裘贰 蝴酡磴 衣竖训 浦垄亏 怒哙屙 宅蹿染 瓤踵罚 爨骒黉 嗷珧热 锖检笱 阃瘩獾 毪梢垦 玻嫣耄 疃绗馘 摇圜憾 蹊伤芫 辂恃耍 柄缢霈 殳缧孱 翡幢卢 极雁疃 骶书茗 诉唤鳎 铫麴唁 钭裂铩 钤直探 居筱非 辨糸娅 菅碇稀 彬知殁 臾装浊 继舄恍 班扈虼 鞣寥闲 慷蘼场 荷兹殇 株鳃们 蛴瓜蕞 勃伟慌 边闳籴 赁嘎牟 恋眨晡 炔赈筷 乇扣篌 四羔嶝 珏耦春 泺蝮挲 蚩琼挝 嬉矿疾 姗茉馕 胆蓖拓 窕蛴醇 跑氵铸 馁袄蠛 澳癍鼙 谤眷蓖 氘夫璞 肯鹎候 华瘭裰 施毗茑 炯睛四 抉坼疣 震稗员 丧皲皿 屐怵葜 涿餮候 -
IVWEB_Jeremygao
oumousedown ? 是我屏幕的像素点排列错了吗？ -
宝慕林5251960
明天给你我写的 -
cnyballk
你哪看来的，你真得明白函数事件这些事情吗，好好看js基础先吧 -
骑驴的帅小伙
你的代码我看着挺懵逼的……代码贴全了么？你的event哪里来的？也没见函数传参 -
anet
html5自带拖放
随时随地看视频慕课网APP
CSS3
JavaScript
前端工具