码迷,mamicode.com
首页 > Web开发 > 详细

基于jQuery鼠标点击弹出登陆框效果

时间:2015-06-11 09:16:52      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:

基于jQuery鼠标点击弹出登陆框效果。这是一款扁平样式风格的jQuery弹出层登陆框特效。效果图如下:

技术分享

在线预览    源码下载

实现的代码。

html代码:

<input type="button" class="one" value="点击我查看效果" />
<div class="box">
<div class="box2">
    <div class="login5">
        <h2>登录</h2>
        <a class="close"></a>
    </div>
    <div class="login51">
        <form name="login5form" action="">
            <div class="login5left">
                <span></span>
                <div class="login5left1">
                    <input type="text" name="username" placeholder="用户名/手机号/邮箱" /></input>
                </div>
                <div class="login5left1">
                    <input type="password" name="user_possword" placeholder="密码" /></input>
                </div>
                <div class="login5left2">
                    <a class="dl">登录</a>
                    <a class="wjmm">忘记密码</a>
                </div>
            </div>
            <div class="login5right">
                <span></span>
                <div class="login5right1">
                    <a class="sjdl">手机短信登录</a>
                </div>
                <div class="login5right2">
                    没有账号?<a class="zcdl">快速注册</a>
                </div>
                <div class="login5right3">
                    <b class="found"></b>合作账号登录<b class="back"></b>
                </div>
                <div class="login5right4">
                    <a class="wb"></a><a class="qq"></a>
                </div>
            </div>
        </form>
    </div>
</div>
</div>

via:http://www.w2bc.com/Article/42816

基于jQuery鼠标点击弹出登陆框效果

标签:

原文地址:http://www.cnblogs.com/liaohuolin/p/4568013.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!