jquery顶部固定层注册登录按钮点击弹出登录框表单样式



195 777 260



特效描述:顶部固定层 注册登录按钮 点击弹出 登录框表单 表单样式,

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/style.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>

3. HTML代码

<div id="header">
	<ul class="login fr">
		<li class="openlogin"><a href="javascript:void(0);">登录</a></li>
		<li class="reg"><a href="javascript:void(0);">注册</a></li>
	</ul>
</div>
<div class="loginmask"></div>
<div id="loginalert">
	<div class="pd20 loginpd">
		<h3><i class="closealert fr"></i><div class="clear"></div></h3>
		<div class="loginwrap">
			<div class="loginh">
				<div class="fl">会员登录</div>
				<div class="fr">还没有账号<a id="sigup_now" href="javascript:void(0);">立即注册</a></div>
			</div>
			<h3><span class="fl">邮箱登录</span><span class="login_warning">用户名或密码错误</span><div class="clear"></div></h3>
			<form action="" method="post" id="login_form">
				<div class="logininput">
					<input type="text" name="username" class="loginusername" value="" placeholder="邮箱/用户名" />
					<input type="text" class="loginuserpasswordt" value="" placeholder="密码" />
					<input type="password" name="password" class="loginuserpasswordp" style="display:none" />
				</div>
				<div class="loginbtn">
					<div class="loginsubmit fl"><input type="submit" value="登录" class="btn" /></div>
					<div class="fl" style="margin:26px 0 0 0;"><input id="bcdl" type="checkbox" checked="true" />保持登录</div>
					<div class="fr" style="margin:26px 0 0 0;"><a href="http://www.17sucai.com/">忘记密码?</a></div>
					<div class="clear"></div>
				</div>
			</form>
		</div>
	</div>
	<div class="thirdlogin">
		<div class="pd50">
			<h4>用第三方帐号直接登录</h4>
			<ul>
				<li id="sinal"><a href="http://www.17sucai.com/oauth/weibo/login">微博账号登录</a></li>
				<li id="qql"><a href="http://www.17sucai.com/oauth/qq/login">QQ账号登录</a></li>
			</ul>
			<div class="clear"></div>
		</div>
	</div>
</div><!--loginalert end-->
<div id="reg_setp">
	<div class="back_setp">返回</div>
	<div class="blogo"></div>
	<div id="setp_quicklogin">
		<h3>您可以选择以下第三方帐号直接登录17素材网,一分钟完成注册</h3>
		<ul class="quicklogin_socical">
			<li class="quicklogin_socical_weibo"><a href="http://www.17sucai.com/oauth/weibo/login">微博帐号注册</a></li>
			<li class="quicklogin_socical_qq" style="margin:0;"><a href="http://www.17sucai.com/oauth/qq/login">QQ帐号注册</a></li>
		</ul>
	</div>
</div><!--reg_setp end-->



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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