H5通过JQ和CSS实现打开全屏遮罩美观弹出对话框

现在很多网站都尽量不弄弹窗，是避免造成不良客户体验。那么，有时候又因为工作需要，不得不做一个弹窗，那么到底应该怎么办呢？网上找了很多弹窗代码，要么不是自动显示，必须点击按钮才显示，要么就是比较丑，感觉是90年代的产物粗糙不堪。

咱们先看看我改造这款，适应手机尺寸和PC尺寸，比较华丽的H5代码：

页面打开瞬间，整体遮罩变暗变灰色，只有弹窗是亮的，而且弹窗的内容是静态的自己随意修改。

这是手机上面的效果，感觉还不错，只要尺寸别弄特别大都可以的。

如果不想看这个弹窗了，点击确认按钮，或者随便点击任何一个地方，都可以关闭这个弹窗，同时网页恢复正常，比较不错的代码，整体不到20K,简单好用。

为了防止同行抄袭，我司的网站需要您付费1元钱才可以看代码，还望理解。一点也不贵，送给最有需要的人。