jquery建立遮罩，jquery弹出div遮罩层

网页百度页面的圆形遮罩是怎么做的?

方法一：HTML5+CSS，注意，只有支持HTML5的浏览器才行，百度的也一样，我用搜狗浏览器切换到IE内核就变成正方形图片了。

当我们要实现一个模式弹窗时（模式弹窗，即是说出现弹窗时，页面其它地方不可点击），通常的做法是用一个div将整个页面窗口遮挡住。

在页面里加个全屏的div块，设置半透明，z-index设置最高。然后将放大后的图片z-index设置比遮罩层高一点。点击遮罩层或关闭按钮后用JS隐藏遮罩层和图片。

clip 在 canvas 中本来的作用是切一块画布独立出来。 拿来做遮罩效果也是可以的，但并非真的遮罩，只是裁剪，因为它不是按有色无色来判断显示的。还可以用 beginPath， lineTo 等线条操作来形成图形。

在100帧处插入帧，新建图层2，选择第一帧绘制一个正圆形。依次在25，50，75，100帧处插入关键帧，并依次设置圆形所在的位置。在相邻的关键帧之间创建传统补间动画，设置图层2为遮罩层。

相关问答

Q1: jquery大神帮我做个遮罩吧

1、当触发一个事件，弹出一个iframe，让这个iframe遮住后面的页面，这样后方的页面功能就会全部失效，也就可以达到一个遮罩的效果，再通过一个事件取消ifram，恢复后方页面的功能。

2、第一种方式：你使用的现有库中有没有开启和关闭遮罩的api，如果有的话，直接照着api使用即可；第二种方式：自己写个遮罩。

3、．首先，看一下HTML，一个img图像控件和一个带有样式的div，其中包含文本。这个就是蒙版遮罩层。2．然后，查看样式定义。先检查图像容器和图像样式，如图所示。

4、方法一：HTML5+CSS，注意，只有支持HTML5的浏览器才行，百度的也一样，我用搜狗浏览器切换到IE内核就变成正方形图片了。

Q2: jquery点击一个div的文字,弹出一个窗口然后点击窗口外能够使窗口消失...

Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

方法有很多，可以设置CSS，也可以使用toggle()方法；我还是喜欢有图有真相的方式，表达更明了。

此外，我们还将在弹出DIV窗口中设置一个按钮来执行——当用户点击此按钮时关闭窗口的功能。就如我上面提到的，我们首先需要创建一个特殊的DIV层，然后我们将弹出窗口的内容放在这个DIV层里面。

关于jquery建立遮罩和jquery弹出div遮罩层的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。