JavaScript制作可拖拽的弹出对话框

呆萌宝儿姐

已于 2023-10-11 15:33:34 修改

阅读量4.2k

点赞数 2

于 2020-08-22 10:33:23 首次发布

本文链接：https://blog.csdn.net/weixin_45525272/article/details/108164658

版权

示例

在这里插入图片描述

代码

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .login-header {
     
            width: 100%;
            text-align: center;
            height: 30px;
            font-size: 24px;
            line-height: 30px;
        }

        ul, li, ol, dl, dt, dd, div, p, span, h1, h2, h3, h4, h5, h6, a {
     
            padding: 0px;
            margin: 0px;
        }

        .login {
     
            width: 512px;
            position: absolute;
            border: #ebebeb solid  1px ;
            height: 280px;
            left: 50%;
            right: 50%;
            background-color: #fff;
            box-shadow: 0px 0px 20px #ddd;
            z-index: 9999;
            margin-left: -250px;
            margin-top: 140px;
            display: none;
        }

        .login-title {
     
            width: 100%;
            margin: 10px 0px 0px 0px;
            text-align: center;
            line-height: 40px;
            height: 40px;
            font-size: 18px;
            position