js实现拖拽模态框三种js代码实现

HTML代码

<div class="link">
        <a id="linkA" href="javascript:;">点击我弹出登录模态框</a>
    </div>

    <div id="login" class="login">
        <div id="loginHeader" class="login-header">登录会员
            <span>
                <a href="javascript:;"><img id="closeBtn" class="close-btn" src="./img/关闭小.png" alt=""></a>
            </span>
        </div>
        <!-- 输入框 -->
        <div class="input-wrapper">
            <div class="login-input">
                <label for="username">用户名：</label>
                <input class="input-list" id="username" type="text" placeholder="请输入用户名" name="usernameInfo">
            </div>
            <div class="login-input">
                <label for="password">密码：</label>
                <input class="input-list" id="password" type="password" placeholder="请输入密码" name="passwordInfo">