zoukankan      html  css  js  c++  java
  • 同步拖拽

    <!--拖拽页面代码-->

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
    #div{ 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{ 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>


  • 相关阅读:
    魔法跳舞链 51Nod
    反射
    JDBC---后端服务器与数据库交互的桥梁
    多线程
    IO流
    继承与重写
    java.util包
    多态
    Java.lang包
    异常
  • 原文地址:https://www.cnblogs.com/guoyong-feng/p/6200575.html
Copyright © 2011-2022 走看看