这个效果我通过参考赛我网上的个别效果而参考而来,他的比较复杂,因为结合了其他的一些功能,在这里我就是简要的总结下这个效果的一点原理:
第一步:定义一个浮于基层之上的DIV浮动层,默认显示模式为隐藏,相关代码如下:
第二步:定义一个包含iframe的浮动Div对象,宽高都是100%,背景色为白色,设置alpha透明度为50%,主要作用能显示较好的效果;
第三步:制作输出内容DIV:
显示窗体
希望能大家多多交流!
第四步:编写相关javascript脚本:
效果演示
body{
background:#eaeaea;
font-size:12px;
}
img{border:0;}
.b{
font-weight:bold;
color:white;
}
.modalDiv{
width:311px;
height:274px;
background:url(http://www.17sohoo.com/js/showmodal/modalbg.gif) no-repeat;
}
.modalheader{
margin:2px;
padding:2px;
}
.header{
margin:0;
padding:0;
}
.mleft{
width:280px;
float:left;
}
.mright{
float:right;
}
.modalbody{
margin:10px;
padding:2px;
color:blue;
}
显示窗体
希望能大家多多交流!
" target="_blank">下载此文件
