欢迎来到福编程网,本站提供各种互联网专业知识!

用Div仿showModalDialog模式菜单的效果的代码

发布时间:2007-03-05 作者: 来源:转载
今天研究了下用javascript结合DIV来制作当前窗体显示模式窗体,并使子窗体不能操作的一个小例子!这个效果我通过参考赛我网上的个别效果而参考而来,他的比较复杂,因为结合了其他的一些功能,在这里我就是简要的总结下这个效果的一点原理:第一步:定义一个浮于基层
今天研究了下用javascript结合DIV来制作当前窗体显示模式窗体,并使子窗体不能操作的一个小例子!

这个效果我通过参考赛我网上的个别效果而参考而来,他的比较复杂,因为结合了其他的一些功能,在这里我就是简要的总结下这个效果的一点原理:

第一步:定义一个浮于基层之上的DIV浮动层,默认显示模式为隐藏,相关代码如下:




第二步:定义一个包含iframe的浮动Div对象,宽高都是100%,背景色为白色,设置alpha透明度为50%,主要作用能显示较好的效果;



第三步:制作输出内容DIV:






显示窗体







希望能大家多多交流!


第四步:编写相关javascript脚本:




效果演示
下载文件 下载此文件

相关推荐