从下向上弹出窗口(像MSN一样有新消息）

最新推荐文章于 2024-07-05 16:08:08 发布

fayewang

最新推荐文章于 2024-07-05 16:08:08 发布

阅读量1.8k

点赞数

分类专栏： JavaScript .NET 文章标签： function div table iframe url

本文链接：https://blog.csdn.net/fayewang/article/details/362473

版权

.NET 同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

JavaScript

6 篇文章 0 订阅

订阅专栏

var NotationMsg='提示信息'; //定义提示信息
//添加隐藏层

var div=document.createElement('div');
div.id='Notation';
var str_N='<table id="NotationTable" style="width:100%"><tr>'+'<td>'+NotationMsg+'</td><td align="right"><img src="../images/msgClose.jpg" hspace="3" style="CURSOR:pointer" οnclick="parent.closeDiv()" title="关闭"/></td></tr></table>';
str_N+=('<table width="100%"><tr><td style="height:60px;vertical-align:center;text-align:center;word-break:break-all">有新的申请需要您审核</td></tr></table>');
var frm=document.createElement('<iframe name="NotationFrm" frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no style="width:180px;height:116px"></iframe>');
div.appendChild(frm);
document.body.appendChild(div);
window.frames["NotationFrm"].document.write('<head><LINK href="../Styles/StyleNew.css" type="text/css" rel="stylesheet"></head>'+'<body>'+str_N+'</body>');

var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;
         function getMsg()
  {
      //alert(div.outerHTML);

   try{
   //window.open("Top.aspx","TopMusic");
   divTop = parseInt(document.getElementById("Notation").style.top,10)
   divLeft = parseInt(document.getElementById("Notation").style.left,10)
   divHeight = parseInt(document.getElementById("Notation").offsetHeight,10)
   divWidth = parseInt(document.getElementById("Notation").offsetWidth,10)
   docWidth = document.body.clientWidth;
   docHeight = document.body.clientHeight;
   document.getElementById("Notation").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight
   document.getElementById("Notation").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth-20
   document.getElementById("Notation").style.visibility='visible'
   objTimer = window.setInterval("moveDiv()",10)
   }
   catch(e){alert(e.description)}
  }

  function resizeDiv()
  {
   i+=1
   if(i>1288) closeDiv()
   try{
   divHeight = parseInt(document.getElementById("Notation").offsetHeight,10)
   divWidth = parseInt(document.getElementById("Notation").offsetWidth,10)
   docWidth = document.body.clientWidth;
   docHeight = document.body.clientHeight;
   document.getElementById("Notation").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)
   document.getElementById("Notation").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)
   }
   catch(e){}
  }