html5 注册协议弹出层,js制作带有遮罩弹出层实现登录注册表单特效代码分享

本文实例讲述了js制作带有遮罩弹出层实现登录注册表单代码特效代码。分享给大家供大家参考。具体如下：

运行效果图：                     ----------------------查看效果   源码下载-----------------------

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。

jquery制作的带有遮罩弹出层实现登录注册等表单的特效源码，是一段实现了点击后在原始页面上弹出想用页面的代码。

为大家分享的js制作带有遮罩弹出层实现登录注册表单代码特效代码如下

js制作带有遮罩弹出层实现登录注册表单代码特效

登录

注册

找回密码

用户信息

重置密码

×

登录

•   QQ登录
•   微博登录
•   豆瓣登录

或者使用已有帐号登陆：

下次自动登录

忘记密码？

• 新浪微博帐号

• 腾讯微博帐号

• 豆瓣帐号

×

注册

•   QQ登录
•   微博登录
•   豆瓣登录

或者使用邮箱注册：

• 新浪微博帐号

• 腾讯微博帐号

• 豆瓣帐号

×

忘记密码

×

设置用户信息

×

重置密码

$(document).ready(function(){

$("a.forgot").click(function(){

$("#login-modal").modal("hide");

$("#forgetform").modal({show:!0})

});

$("#signup-modal").modal("hide");

$("#forgetform").modal("hide");

$("#login-modal").modal("hide");

$("#activation-modal").modal("hide");

$("#setpassword-modal").modal("hide");

});

以上就是为大家分享的js制作带有遮罩弹出层实现登录注册表单代码特效代码，希望大家可以喜欢。