<!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;//當(dāng)前事件源? ? ? ? ? ? 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>
窗口隨鼠標(biāo)拖拽移動(dòng)，沒(méi)有效果
qq_淺秋_04051456
2017-08-27 18:48:04
