怎么用js 动态增加蒙板 内嵌网页内容

时间:2013-08-17 00:10:02  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:ar 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....
  正文:

$()和$c()分别表示
$(id),获取该id的对象,document.getelementbyid(id)
$c(tag),创建一个标签, document.createelement(tag);


//初始化导航背景,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;
}

总结
用于在现有窗口上加载蒙板,在蒙板内在嵌入其他页面内容

 

怎么用js 动态增加蒙板 内嵌网页内容》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/JavaScript/27044.html


关于《怎么用js 动态增加蒙板 内嵌网页内容》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td