网页鼠标点击按钮弹出用户登录或者表达的方法

                 鼠标点击按钮弹出表达的代码分享，今天是边做站别分享哈，记录下怎么实现各种特效，希望大家也能够学习。

效果如下

前端代码：

<div class="login-header"><a href="javascript:void(0);">点击，弹出登录框</a></div>

<div class="login">

    <div class="login-title">登录会员<span><a href="javascript:void(0);" class="close-login">关闭</a></span></div>

    <div class="login-input-content">

        <div class="login-input">

            <label>用&nbsp;户&nbsp;&nbsp;名：</label>

            <input type="text" placeholder="请输入用户名"  name="info[username]" id="username" class="list-input"/>

        </div>

        <div class="login-input">

            <label>登录密码：</label>

            <input type="password" placeholder="请输入登录密码" name="info[password]" id="password" class="list-input"/>

        </div>

    </div>

    <div class="login-button"><a href="javascript:void(0);" id="login-button-submit">登录会员</a></div>

</div>

<div class="login-bg"></div>

然后下载2个文件即可：