<!--拖拽页面代码-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div{width: 200px;height: 200px;background: red;position: absolute;left: 0;top: 0;}
</style>
<script type="text/javascript">
window.onload=function () {
var oDiv=document.getElementById("div");
window.onstorage=function () {
var json=JSON.parse(localStorage.dragmessage);
oDiv.style.left=json.left+'px';
oDiv.style.top=json.top+'px';
}
}
</script>
</head>
<body>
<div id="div">
</div>
</body>
</html>
<!--跟随页面-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div{width: 200px;height: 200px;background: red;position: absolute;left: 0;top: 0;}
</style>
<script type="text/javascript">
window.onload=function () {
var oDiv=document.getElementById("div");
window.onstorage=function () {
var json=JSON.parse(localStorage.dragmessage);
oDiv.style.left=json.left+'px';
oDiv.style.top=json.top+'px';
}
}
</script>
</head>
<body>
<div id="div">
</div>
</body>
</html>
