zoukankan      html  css  js  c++  java
  • [转贴]现在在做一个WEB的站内消息系统,从工具栏位置弹出一徐徐上升的窗口

    现在在做一个WEB的站内消息系统,
    想在用户登陆时,
    如果有未读短消息
    则从工具栏位置弹出一徐徐上升的窗口
    显示提醒信息!

    <script language="JavaScript" type="text/javascript">
      var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;
      function getMsg()
      {
       try{
       window.open("Top.aspx","TopMusic");
       divTop = parseInt(document.getElementById("eMeng").style.top,10)
       divLeft = parseInt(document.getElementById("eMeng").style.left,10)
       divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
       divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
       docWidth = document.body.clientWidth;
       docHeight = document.body.clientHeight;
       document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;//  divHeight
       document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth
       document.getElementById("eMeng").style.visibility="visible"
       objTimer = window.setInterval("moveDiv()",10)
       }
       catch(e){}
      }

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

      function moveDiv()
      {
       try
       {
       if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))
       {
       window.clearInterval(objTimer)
       objTimer = window.setInterval("resizeDiv()",1)
       }
       divTop = parseInt(document.getElementById("eMeng").style.top,10)
       document.getElementById("eMeng").style.top = divTop - 1
       }
       catch(e){}
      }
      function closeDiv()
      {
       document.getElementById('eMeng').style.visibility='hidden';
       if(objTimer) window.clearInterval(objTimer)
      }
      window.onload = getMsg;
      window.onresize = resizeDiv;
      window.onerror = function(){}
      </script>


    相关连接:

    http://www.eeeksoft.net/files/popuptest/Default.aspx
  • 相关阅读:
    python2 与python3 区别的总结 持续更新中......
    基础数据类型初识(三)字典
    基础数据类型初识(二)列表,元组
    基本数据类型初识(一)数字,字符串
    python基础知识(理论)
    进程池 和 管道 , 进程之间的 信息共享
    并发编程
    进程 和 多进程
    计算机系统的发展史
    网络编程 黏包
  • 原文地址:https://www.cnblogs.com/goody9807/p/231849.html
Copyright © 2011-2022 走看看