上周写了几个小特效，其中有个点击按钮弹出遮罩层的特效，下面来看最终实现的效果：由于是测试的程序，所以我未加关闭的按钮。 一、主体程序<!DOCTYPE html><html> <head> <meta charset=& ...
上周写了几个小特效，其中有个点击按钮弹出遮罩层的特效，下面来看最终实现的效果：
由于是测试的程序，所以我未加关闭的按钮。
一、主体程序
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>弹出居中遮罩</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link rel="stylesheet" type="text/css" href="css/layout.css"/> </head> <body> <section class="test"> 这里是主体内容<br /> <input type="button" class="testButton" value="弹出遮罩" /> </section> <section class="testBg"> <section class="testCont"> 这里是弹出的内容测试 </section> </section> <script src='/images/loading.gif' data-original="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script> <script src='/images/loading.gif' data-original="js/layout.js" type="text/javascript" charset="utf-8"></script> </body></html>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：jquery特效（7）—弹出遮罩层且内容居中
关键词：jquery
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
