通过JS代码 documentgetElementById#39divID#39styleetElementById#39divID#39styledisplay = #39#39函数可以实现1遮罩层 ，即作为背景层，覆盖整个页面弹出层，即背景层上的一层，此层可根据#formtop 10% left 10%width 20%height 30%，调整弹出层的弹出位置。

源码lt！DOCTYPE html图片热区hover效果 mainwrap position relative width 884px height 600px margin 0 auto * 宽度与高度必须与背景大图一致 *bigImg position absolute display border 1px solid #cccimg1 top 199px left 153pximg2 top。

最好用的弹出层是fancybox，它可以弹出来任何东西，可以是文本，可以是一个隐藏的节点，还可以是一个iframe，也就是说你只要写一个新的网页显示公告，这个链接上写上href=“公告网址”然后给这个a写上一个class=“fancybox”，就可以直接jquery调用$quotfancyboxquotfancybox来初始化这个链接初。

css+div+js怎样在页面上弹出一个资料框来，然后页面背景都变成朦胧的灰1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码在indexhtml中的script标签，输入js代码$#acsswebkitfilter，grayscale50%2遮罩层divid=backdiv，即作为背景层，覆盖。

你是说使一个层显示出来可以啊需要在哪个地方显示，先画一个层，放在显示的位置，需要显示的时候，比如点击某个按钮要显示这个层，调用使这个层显示的函数，函数里面主要代码就是documentgetElementByIdquot层的idquotstyledisplay=quotblockquot就可以显示了，隐藏时把block换成。

就如我上面提到的，我们首先需要创建一个特殊的DIV层，然后我们将弹出窗口的内容放在这个DIV层里面在这里，我们将其ID命名为“popupcontent ”以区别于其他DIV层这是一个DIV弹窗效果！ 弹出窗口的CSS修饰代码接 下来，让我们给上面已创建好的这个DIV弹出层进行CSS美化其中最重要的几个参数分别是。

就是每次弹窗关闭的时候在cookie上记录当前的时间，然后在后台开个计时器，每隔一秒判断一次当前时间减去在cookie记录的时间看是不是大于1小时，如果大于就是弹出。

7 设置完层的内容后，需要编写 JavaScript 代码来实现弹出功能这可以通过 DW 中的“行为”面板来完成8 在“行为”面板中，选择“添加行为”，然后选择“显示隐藏层”选项9 在弹出的对话框中，选择要显示的层，并设置触发事件，例如鼠标悬停或点击10 最后，保存并测试网页，确保弹出式。

弹出的窗口之定时关闭控制 下面我们再对弹出窗口进行一些控制，效果就更好了如果我们再将一小段代码加入弹出的页面注意是加入到pagehtml的HTML中，可不是主页面中，否则？，让它在10秒钟后自动关闭是不是更酷了？ 首先，将如下代码加入pagehtml文件的head区 scriptlanguage=quotjavascriptquot functioncloseit。