zoukankan      html  css  js  c++  java
  • javascript flash 弹框


    演示:http://www.huiyi8.com/jiaoben/
    演示:javascript特效


    [代码] 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 = '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+'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; 30px; cursor:pointer; height:30px; background:url(closebox.png)';


    var iframe= document.createElement("iframe");
    iframe.style.cssText = 'display:block; 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 = '<html><style type="text/css">*{ margin:0; padding:0}</style><body>'+
    '<embed height="'+height+'" width="'+width+'" src="'+src+
    '" type="application/x-shockwave-flash" scale="showall" play="true" loop="true" menu="true"></embed></body></html>';

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

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

    }
    //demo
    FlashBox('http://player.youku.com/player.php/Type/Folder/Fid/15455979/Ob/1/Pt/0/sid/XMzA1NzIwMTI4/v.swf',600,400);

  • 相关阅读:
    审核系统
    ehcache 缓存
    tomcat 内存设置
    html5 开发 跨平台 桌面应用
    service thread 结合使用
    html5桌面应用
    鼠标 事件
    服务器 判断 客户端 文件下载
    使用github管理Eclipse分布式项目开发
    uub代码
  • 原文地址:https://www.cnblogs.com/lhrs/p/4131156.html
Copyright © 2011-2022 走看看