写了一个类似csdn显示层的js

js里面写一个函数,如下:

一、
function size(width,height,url,title){
    dd=document.getElementById("massage_box");
    hh=document.getElementById("header1");
    ti=document.getElementById("title");
    //重新设置宽度
    dd.style.width=width+"px";
    hh.style.width=width+"px";
    //重新设置高度
    dd.style.height=height+"px";
    //设置位置
    dd.style.left = (document.body.offsetWidth - width)/2+"px";
   
    dd.style.top = (document.body.offsetHeight - height)/2+"px";
    if((document.body.offsetHeight - height)/2<=0)dd.style.top=0;
    //ti.innerText=title;
    //修改
    ti.innerHTML=title;
    dd.style.visibility='visible';
    document.getElementById("content").innerHTML="<iframe  id=fifremid width="+width+" height="+height+" >";
    document.getElementById("fifremid").src=url;
 }

 

二、
再写一个函数调用size,即如下格式,前两个参数是大小,中间是路径,最后是标题


function showDiv()
{
   size(630,500,'showDiv.html','层标题');
}

 


三、

然后在你需要显示层的地方调用即可,如连接,按钮等

例如: <a href="javascript:showDiv()">显示层</a>

 

 


李晗奉上

你可能感兴趣的:(写了一个类似csdn显示层的js)