zoukankan      html  css  js  c++  java
  • popup框

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <script type="text/javascript">
    function loadFun() {
    //获取元素
    var dv = document.getElementById('dv');
    var x = 0;
    var y = 0;
    var l = 0;
    var t = 0;
    var isDown = false;
    //鼠标按下事件
    dv.onmousedown = function(e) {
        //获取x坐标和y坐标
        x = e.clientX;
        y = e.clientY;
        //获取左部和顶部的偏移量
        l = dv.offsetLeft;
        t = dv.offsetTop;
        //开关打开
        isDown = true;
        //设置样式  
        dv.style.cursor = 'move';
    }
    //鼠标移动
    window.onmousemove = function(e) {
        if (isDown == false) {
            return;
        }
        //获取x和y
        var nx = e.clientX;
        var ny = e.clientY;
        //计算移动后的左偏移量和顶部的偏移量
        var nl = nx - (x - l);
        var nt = ny - (y - t);
        dv.style.left = nl + 'px';
        dv.style.top = nt + 'px';
    }
    //鼠标抬起事件
    dv.onmouseup = function() {
        //开关关闭
        isDown = false;
        dv.style.cursor = 'default';
    }
    }
    </script>
    </head>
    <body onload="loadFun()">
    <div id="dv"></div>
    <style>
    #dv {
    position:absolute;
    500px;
    height:400px;
        border: 1px solid #9b9a98;
        background-color: #fff;
        -webkit-box-shadow: 0 5px 80px #505050;
        -moz-box-shadow: 0 5px 80px #505050;
        box-shadow: 0 5px 80px #505050;
        z-index: 10;
    }
    </style>
    </body>
    </html>
  • 相关阅读:
    【k8s】livenessProbe-exec
    【Kubernetes】结束前执行-HTTPGET
    【Kubernetes】启动后执行-HTTPGET
    【Kubernetes】结束前执行-exec
    【Kubernetes】启动后执行-exec
    【Kubernetes】镜像拉取策略-Never
    JavaWeb 之 备用
    JavaWeb 之 备用
    JavaWeb 之 Session
    JavaWeb 之 Cookie
  • 原文地址:https://www.cnblogs.com/taobr/p/11558539.html
Copyright © 2011-2022 走看看