php内嵌网页加载js,javascript 窗口加载蒙板 内嵌网页内容_javascript技巧

//初始化导航背景,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.οnclick=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);

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值