文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>窗口加载蒙板,内嵌网页

窗口加载蒙板,内嵌网页

时间:2010-11-17  来源:忧郁的匹格

 

//初始化导航背景,iframe容器
function fnDaoHangBg()
{
    
    var h = fnGetHeight(),w = fnGetWidth();//获取背景窗口大小

    if(!$('divDaoHangBg'))
        {
        var div = $C('div');//创建背景蒙板
        div.id = 'divDaoHangBg';
        div.style.backgroundColor = 'black';
        div.style.position = 'absolute';
        div.style.filter = 'alpha(opacity=80)';
        div.style.opacity = '.80';
        div.style.zIndex = 100001;
        div.style.left = 0;
        div.style.top = 0;
        div.style.width = w+'px';
        div.style.height= h+'px';
        document.body.appendChild(div);
        }
        
                
        if(!$('divDaoHangBgIframe'))
        {
                var iframe;
                iframe = this.$C('IFRAME');//创建蒙板内的内嵌iframe容器,用于嵌入显示其他网页
                iframe.id = 'divDaoHangBgIframe';
                iframe.frameBorder = '0';
                iframe.scrolling = "no";
                iframe.style.overflow = 'hidden';
                iframe.allowTransparency = 'true';
                iframe.style.display = 'none';
                iframe.style.width = w+'px';//800
                iframe.style.height = h+'px';//620                      
                iframe.style.marginTop = '75px';//800
                $('divDaoHangBg').appendChild(iframe);
        }

        if(!$('divDaoHangBgClose'))
        {
                var div = $C('div');//创建关闭按钮在蒙板上
                div.id = 'divDaoHangBgClose';
                div.style.position = 'absolute';
                div.style.backgroundImage='url(images/closb.gif)';
                div.style.zIndex = 100003;
                div.style.right = 10;
                div.style.top = 20;
                div.style.width = '82px';
                div.style.height= '30px';
                div.title='关闭';
                div.style.cursor='hand';
                div.onclick=function(){//点击时间 ,关闭蒙板
                        fnDaoHangBgClose();
                };
                $('divDaoHangBg').appendChild(div);
        }

        $('divDaoHangBgIframe').style.display='block';
        $('divDaoHangBg').style.display='block';
}

//关闭蒙板
function fnDaoHangBgClose()
{
        if(!$('divDaoHangBg')){return;}
        if(!$('divDaoHangBgIframe')){return;}

        $('divDaoHangBgIframe').src='';
        $('divDaoHangBgIframe').style.display='none';
        $('divDaoHangBg').style.display='none';
}

//调用,内嵌url
function fnDaoHangBgShow(url)
{
        fnDaoHangBg();
        $('divDaoHangBgIframe').src=url;
}

其中 $()和$C()分别表示

$(id),获取该id的对象,document.getElementById(id)

$C(tag),创建一个标签, document.createElement(tag);

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载