本源码收集了19款基于jquery-css3实现的js遮罩弹窗效果,弹出层，就是大家熟悉的浮动窗口，由html5 CSS3 JS jQuery联合实现的可自定义的弹出窗口，实例效果丰富，调用简单，初学者也可看懂。一个HTML5页面演示了19种弹出框效果，带动画效果，还有3D切换风格，弹出框自适应网页大小，其中一款的效果截图所图所示。

主要介绍了jquery实现弹出层遮罩效果的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助

本文是小编实现的一个简单的jquery点击弹出背景变暗遮罩效果，并且点击空白处隐藏弹出层的效果，效果非常棒，小编只给大家贴出了关键代码了，大家可以根据个人需要适当的添加内容。 js代码如下： [removed] $(document).ready(function(){ $(".tkyy").click(function(event){ event.stopPropagation(); //停止事件冒泡 $(".marsk-container").toggle(); })

jquery CSS3遮罩弹出层动画效果，使用非常简单，就两个标签，里面自定义内容和样式，四种常见效果，懂的朋友还可以修改源代码修改成自己想要的效果 先给大家展示下效果图，如果大家感觉还不错，请参考实现代码。 效果演示 关键代码如下所示： <meta name="viewport" content="width=device-width, initia

代码如下:”;var content4 = “高级搜索”   + “用户名 ：  ”   + “电子邮箱: ”   + “<br