对话框下方背景透明不可动

最近上网的时候看见一些网站在出现对话框后，背景是灰度透明的，不可动，这种效果是如何做的？
今天研究了一下，原来实现的方法十分的简单，并没有开始想象中的那么复杂，就是使用了一个层，使用了滤镜的效果，只是不知道在其他的浏览器中显示是怎么样的，IE6.0中测试没有问题。

代码

<! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >

< html xmlns = " http://www.w3.org/1999/xhtml " >

< head >

< meta http - equiv = " Content-Type " content = " text/html; charset=gb2312 " />

< title > 无标题文档 </ title >

< script >

var bgDiv

clickView = function () {

var msgw,msgh,bordercolor;

// msgw=500;//提示窗口的宽度

// msgh=400;//提示窗口的高度

// bordercolor="#ccc";//提示窗口的边框颜色

var sWidth,sHeight;

sWidth = screen.width - 24 ;

sHeight = document.body.scrollHeight;

bgDiv = document.createElement( " div " );

bgDiv.setAttribute('id','bgDiv');

bgDiv.style.position = " absolute " ;

bgDiv.style.top = " 0 " ;

bgDiv.style.background = " #111 " ;

bgDiv.style.filter = " progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75 " ;

bgDiv.style.opacity = " 0.8 " ;

bgDiv.style.left = " 0 " ;

bgDiv.style.width = sWidth + " px " ;

bgDiv.style.height = sHeight + " px " ;

bgDiv.style.zIndex = " 10000 " ;

document.body.appendChild(bgDiv);

confirm('确定退出？');

</ script >

</ head >

< body >

< p >< a href = " javascript:; " onclick = " clickView(); " > asdfasdf </ a ></ p >

< p >& nbsp; </ p >

</ body >

</ html >

还需要改进。

posted on 2007-12-25 16:47 影子阅读(78) 评论(0) 编辑收藏所属分类: 学习笔记

文章分类

只有注册用户登录后才能发表评论。



网站导航: 博客园 IT新闻知识库 Java博客 C++博客博问管理
相关文章: JSON是什么？ Server.Transfer()和Page.Response.Redirect()什么区别？ asp创建xml文档 ASP操作XML文件的完整实例 [asp] div + ajax + 分页函数 asp简单的ajax留言板(采用三层模式) 动态下拉列表例子这是一个简单登陆验证也可以改为检查用户名是否存在的ajax例子(可以自由扩张) 在ASP中使用AJAX ASP六大对象介绍