通常在开发网站的时候，为了增加互动性，网站会添加用户注册登录模块，本文介绍在不跳转页面的情况下，实现登录模块功能（注册模块亦同）。

Jquery+DIV+CSS点击登录按钮弹出显示登录层，鼠标点击登录按钮时，弹出登录层框，CSS+JS实现快速用户登录表单层显示。再次点击登录按钮或除登录层外页面，登录层隐藏。

该CSS特效使用场景，可用于网站会员登录功能，不直接显示登录表单框，将登录层隐藏，当点击登录时，才弹出显示登录层，显示登录表单框，让网页干净漂亮的会员登录框弹出特效。

在线演示：点击预览

源码+素材压缩包下载地址:立即下载(34KB)  密码: ne48

参考原文地址：http://www.divcss5.com/css-texiao/texiao625.shtml

百家号 互联网微风说

微信公众号 weisico-com

转载请注明:微思考学习网-关注技术，分享知识 >> Jquery+CSS点击登录按钮弹出显示登录层