jQuery弹出层登录和全屏注册表单,这是一款很漂亮的jQuery登录和注册表单,点击登录时弹出一个登录窗口并伴随动画效果,注册页面则是全屏显示,非常时尚的jQuery表单。
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=0.95, user-scalable=no" /> <title>jQuery弹出层登录和全屏注册表单在线演示</title> <link rel="stylesheet" type="text/css" href="template/ue-content/templates/images/ue_grid.css" /> <link rel="stylesheet" type="text/css" href="template/ue-content/templates/images/style.css" /> <link rel="stylesheet" type="text/css" href="template/ue-content/templates/css/style.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script language="javascript" src="script/jquery.easing.min.js"></script> <script language="javascript" src="script/custom.js"></script> </head> <body style="padding-top:90px"> <div id="header"> <div class="common"> <div class="login fr"> <div class="loginmenu"><a title="登录或注册"></a></div> <ul> <li class="openlogin"><a href="#" onclick="return false;">登录</a></li> <li class="reg"><a href="#" onclick="return false;">注册</a></li> </ul> </div> <div class="clear"></div> </div> </div> <div class="clear"></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="#" onclick="return false;">立即注册</a></div> <div class="clear"></div> </div> <h3><span>邮箱登录</span><span class="login_warning">用户名或密码错误</span> <div class="clear"></div> </h3> <div class="clear"></div> <form action="" method="post" id="login_form"> <div class="logininput"> <input type="text" name="username" class="loginusername" value="邮箱/用户名" /> <input type="text" class="loginuserpasswordt" value="密码" /> <input type="password" name="password" class="loginuserpasswordp" style="display:none" /> </div> <div class="loginbtn"> <div class="loginsubmit fl"> <input type="submit" value="登录" /> <div class="loginsubmiting"> <div class="loginsubmiting_inner"></div> </div> </div> <div class="logcheckbox fl"> <input id="bcdl" type="checkbox" checked="true" /> 保持登录</div> <div class="fr"><a href="#">忘记密码?</a></div> <div class="clear"></div> </div> </form> </div> </div> <div class="thirdlogin"> <div class="pd50"> <h4>用第三方帐号直接登录</h4> <ul> <li id="sinal"><a href="#">微博账号登录</a></li> <li id="qql"><a href="#">QQ账号登录</a></li> <div class="clear"></div> </ul> <div class="clear"></div> </div> </div> </div> <div id="reg_setp"> <div class="back_setp">返回</div> <div class="blogo"></div> <div id="setp_quicklogin"> <h3>您可以选择以下第三方帐号直接登录站长素材,一分钟完成注册</h3> <ul class="quicklogin_socical"> <li class="quicklogin_socical_weibo"><a href="#">微博帐号注册</a></li> <li class="quicklogin_socical_qq"><a href="#">QQ帐号注册</a></li> </ul> </div> </div> <div style="text-align:center;clear:both"> <script src="/gg_bd_ad_336x280.js" type="text/javascript"></script> <script src="/follow.js" type="text/javascript"></script> </div> <div style="text-align:center;clear:both"> <p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p> </div> </body> </html>
来源:http://js.itivy.com/jiaoben1716/index.html
相关推荐
jquery弹出层登录和切换全屏层注册特效
jquery弹出层登录和全屏注册.zip
jQuery插件 —— 弹出层登录和全屏注册,很常用的jQuery插件,你会喜欢的。
jquery 弹出层 注册表单插件 SimpleModal
这是一个很好的使用jquery来实现的页面弹出登陆框的例子,页面无刷新,类似于腾讯网的评论登录窗口,非常实用。
jquery实现的弹出层登录和无刷新切换全屏层注册特效源码,是一段非常适合现代审美观的网站登录和注册效果代码,本段实例主要表现在点击登录后在当前页面内弹出登录遮罩层,而点击注册链接时,在当前页面内无刷新显示...
jquery弹出层代码,ajax异步获取页面,弹出层登录!
jquery 弹出层jquery 弹出层jquery 弹出层jquery 弹出层jquery 弹出层
jQuery弹出层登录和全屏注册
jQuery弹出层登录页面表单.zip
jquery弹出层背景变暗 Ajax jquery弹出层背景变暗_Ajax
用于登录的jQuery 弹出层例子代码 用于登录的jQuery 弹出层例子代码
jquery弹出层特效超炫jquery弹出层特效超炫jquery弹出层特效超炫
jquery弹出层登录
JQuery弹出层,JS浮动层,弹出层特效,JQuery浮动层,JQuery登录浮动层,JQuery登录弹出层 JQuery弹出层效果,可用于弹出登录框,也可用于Ajax应用等
jquery弹出层当鼠标点击文字或图片弹出层,弹出层浮动在屏幕上可以随浏览器上下滚动,弹出层可自动居中在页面中间