分类
WEB++技术

弹出框口 用框架做的可以跳出一切遮挡

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
 
<body>
<script language="JavaScript">
//----------------------写HTML代码----------------------
var changdi="<table style='margin:0 0 0 0;border:solid 1px #009933;background:#ffffff''><tr><td align='center' vlign='middle'><img src='../website/image/tips.jpg' width=50 height=50 /></td><td align='center' vlign='middle'><span><a href='#'  onClick='return nd()'>[X]</a><p color='green' >这个地方放那些需要的泡泡内容<p></td></tr></table>"; 
//------------------------------------------------------
var isIE  =  document.all?true:false; 
function overlib(tipcontent)
{
   customdiv = document.getElementById("overDiv");
   customdiv2 = document.getElementById("overDiv2");
    customdiv.innerHTML = tipcontent;
    var tleft=document.body.scrollLeft+window.event.clientX;
    var ttop=document.body.scrollTop+window.event.clientY;
    if(document.body.clientWidth < 300)
   {
        customdiv.style.left = 2;
        customdiv2.style.left = 2;
    }
    else if (tleft > document.body.clientWidth-200)
   {
        customdiv.style.left = tleft-175;
         customdiv2.style.left = tleft-175;
    }
    else
   {
        customdiv.style.left = tleft + 10;
         customdiv2.style.left = tleft + 10;
    }
    if(document.body.clientHeight < 100)
    {
        customdiv.style.top = 25;
          customdiv2.style.top = 25;
    }
    else if(ttop > document.body.clientHeight -55)
  {
        customdiv.style.top = ttop - 55;
         customdiv2.style.top = ttop - 55;
    }
    else
    {
        customdiv.style.top = ttop + 10;
        customdiv2.style.top = ttop + 10;
    }
      customdiv2.style.width=customdiv.clientWidth;
      customdiv2.style.height=customdiv.clientHeight;
      customdiv.style.visibility = 'visible';
      customdiv2.style.visibility = 'visible';
}
function nd()
{
    customdiv = document.getElementById("overDiv");
    customdiv2 = document.getElementById("overDiv2");
    customdiv.style.width=0;
    customdiv.style.height=0;
    customdiv.style.visibility    = 'hidden';
    customdiv2.style.visibility    = 'hidden';
}
function b(v)
{
window.status=v
};
 
</script>
<div id="overDiv" style="position:absolute; visibility:hidden;z-index:100;padding:0 0 0 0;background:#FDFEF9;text-align:left;font-size:12px;">
       </div>
       <iframe id="overDiv2" src="" scrolling="no" frameborder="no"style="position:absolute; visibility:hidden;z-index:99;filter: Alpha(style=0,opacity=0) "> </iframe>
 
<input name="" value="12312312321" type="button" /> <select name="">
  <option value="1">1123123123123123</option>
  <option value="2">2123123213123</option>
  <option value="3">344444444444444</option>
</select>
</body>
</html>

unicac

...long long ago,he have a dream.

发表评论

邮箱地址不会被公开。 必填项已用*标注