<!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>
慕的地6079101
IVWEB_Jeremygao
宝慕林5251960
cnyballk
骑驴的帅小伙
anet