<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml"> <head> <title>两个不同效果DIV弹出遮罩层,遮住整个页面/可视部分)</title> <meta charset="gbk" /> <style> div{ position:absolute; top:0; left:0; background:#ccc; } </style> </head> <body> <div id="test"></div> <input onclick="test1()" type="button" value="盖住整个页面"/> <input onclick="test1(1)" type="button" value="盖住可视的部分"/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br><br><hr> 收集于互联网,只为兴趣与学习交流,不作商业用途。来源:网页代码站</font></p> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </body> </html> <script> function test1(f){ var d = document.getElementById('test'),wh = getWH(f); d.style.cssText +=";width:"+wh.w+'px;height:'+wh.h+'px' } var getWH = function (){ var d = document,doc = d[d.compatMode == "CSS1Compat"?'documentElement':'body']; return function(f){ return { w:doc[(f?'client':'scroll')+'Width'], h:f?doc.clientHeight:Math.max(doc.clientHeight,doc.scrollHeight) } } }() </script> 运行代码 复制代码 另存代码 提示:可以先修改部分代码后再运行 幸运28在线预测网站 www.p6z5p.cn 转载请注明:幸运28在线预测网站 ? 两个不同特效DIV弹出遮罩层,遮住整个页面/可视部分 继续浏览有关 的文章 上一篇:JS+CSS实现几个DIV层上下移动交换位置的特效 下一篇:来自nVida网站上漂亮简洁的两个div层滑动切换特效 相关代码 JS弹出可拖拽可关闭的div层 JS+CSS实现几个DIV层上下移动交换位置的特效 两个不同特效DIV弹出遮罩层,遮住整个页面/可视部分 来自nVida网站上漂亮简洁的两个div层滑动切换特效 + JS+CSS随屏幕滚动的带缓冲特效的右下角DIV浮动层 + CSS+Js实现Li列表隔行换色特效 + 一款绝对定位的css布局实例 + jQuery实现DIV层淡入淡出的拖动特效 + 推荐JS+CSS布局的人气列表切换特效 + 用CSS实现LI列表图文混排的布局实例 + CSS滚动时无闪烁的固定浮动元素 + CSS让fieldset边框变成凹陷立体特效 + jQuery+css打造的一款漂亮弹出层 + JS+CSS实现的可拖拽的漂亮圆角特效的弹出层 + JS+CSS实现的Div弹出窗口,同时背景变暗 + CSS+JS打造的图片上的带箭头的悬停提示框