Chinaunix首页 | 论坛 | 博客
  • 博客访问: 43638
  • 博文数量: 42
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 265
  • 用 户 组: 普通用户
  • 注册时间: 2014-11-11 10:39
文章分类
文章存档

2015年(12)

2014年(30)

我的朋友

分类: Java

2014-11-29 16:46:54



演示:
演示:




[代码] FlashBox




// JavaScript Document
function FlashBox(src,width,height){
    var docbody = document.body;    
    var _w = docbody.offsetWidth;   
    var _x = parseInt((_w-width) / 2);




    var screendiv = document.createElement("div");
    screendiv.style.cssText = 'width:100%; height:100%; bottom:0; background:#000; filter:Alpha(opacity=80);opacity:0.8; z-index:998;position:fixed;_position:absolute;z-index:10;top:0;_top:expression(eval(document.documentElement.scrollTop));';


    var panel = document.createElement("div");
    panel.style.cssText = ' position:absolute; z-index:999; left:'+ _x +'px;  width:'+width+'px; height:'+height+'px; position:fixed;_position:absolute;z-index:10;top:200px;_top:expression(eval(document.documentElement.scrollTop+200)+"px"); border:3px solid #000; ';


    var close = document.createElement("div");
    close.style.cssText = 'position:absolute; z-index:999; top:-24px; right:-24px; width:30px; cursor:pointer; height:30px; background:url(closebox.png)';




    var iframe= document.createElement("iframe");   
    iframe.style.cssText = 'display:block; width:100%; height:100%';
    iframe.width = iframe.height = "100%";  
    iframe.scrolling="no";
    iframe.setAttribute("frameborder","0");


    panel.appendChild(close);
    panel.appendChild(iframe);


    docbody.appendChild(screendiv);
    docbody.appendChild(panel);




    var newDoc = iframe.contentWindow.document.open("text/html","replace");
    var txt = ''+
    ' ';   


    newDoc.write(txt);
    newDoc.close();


    close.onclick=function(){       
        panel.parentNode.removeChild(panel);
        screendiv.parentNode.removeChild(screendiv);        
    }   


}
//demo
FlashBox('',600,400);




阅读(703) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~