jQuery点击按钮弹出登录框效果



199 795 266



特效描述:点击按钮弹出 弹出登录框效果,jQuery弹出登录框,登录框,弹出效果,点击弹出。

代码结构

1. 引入JS

<script type="text/javascript" src="js/jquery.easydrag.handler.beta2.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>

2. 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>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 右键菜单 图片头像上传 文字提示框 文件上传 提示框/弹出层 文本框 layer 下拉框 lightbox 复选 单选 Tooltip工具提示框 登录框 浮动提示框 注册框 html5弹窗动画 搜索框 验证码 二级联动 三级联动 城市选择 value赋值 筛选 按钮控制 购物车 颜色选择 表单提交 全选/反选 添加删除 添加标签 密码强度验证 表单验证 html5按钮动画 按钮样式 密码修改设置 弹出层拖动 窗口提示框 切换按钮 form表单

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到