【特效】弹窗效果（多个页面可统一调用，带遮罩背景）

弹窗效果太常见了，一个网站中往往会有多个弹窗，而且样式还不完全一样，这时候可以写一个函数，整站统一调用。命名好通用的class和独自样式的class，弹窗的居中显示原理很简单，设其定位fixed，top:50%和left:50%，然后用js获取弹窗的宽和高，然后设置其上边距和左边距分别为宽度除以2和高度除以2。整体效果不错，也不会受页面高度的影响。

具体看代码则明了：http://pan.baidu.com/s/1i5sBJDj

样式好简朴，没有美化啊哈哈，前端人员只看代码不需要美化了吧！

还可以给弹窗加上可拖动的效果，代码不难，自行添加吧，这样体验更好了。

转载于:https://www.cnblogs.com/xiaoxianweb/p/5462608.html