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>


  • 相关阅读:
    Tomcat启动流程简析
    Tomcat的启停脚本源码解析
    Servlet规范
    CCNA
    CCNA-Part 6
    MYSQL 使用基础
    CCNA-Part5
    CCNA-Part4 -网络层
    MySQL 字符串索引优化方案
    CCNA-Part3
  • 原文地址:https://www.cnblogs.com/guoyong-feng/p/6200575.html
Copyright © 2011-2022 走看看