zoukankan      html  css  js  c++  java
  • 用Javascript作消息提示框(类似于QQ用户上线的消息提示)

    在开发项目的时候,需要在有用户消息的时候提醒用户,刚好自己的QQ好友上线,QQ自动弹出一个消息提示,觉得不错。所以用javascript利用popup作了一个类似的功能。

    <html>
    <head>
      <title>HTMLPage1</title>
      <meta name="vs_defaultClientScript" content="javascript">
      <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5";>
      <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
      <meta name="ProgId" content="VisualStudio.HTML">
      <meta name="Originator" content="Microsoft Visual Studio .NET 7.1">
    </head>

    <script language =javascript>
       var titlePopup
       var len;
      
       function InitMsgBox()
       { len = 0;
        titlePopup=window.createPopup();
        var titlePopupBody = titlePopup.document.body;
        titlePopupBody.style.border ="solid black 1px";
        var titleContent = "";
        titleContent = titleContent + "<table cellPadding='5' bgcolor='#65c1ff' width='100%' height='100%' border=0 cellspacing=0 cellpadding=0>";
        titleContent = titleContent + "<tr><td align=center><font size = 2>消息提醒</font></td></tr>";
        titleContent = titleContent + "<tr><td><font size = 2>内容</td></font></tr>";
        titleContent = titleContent + "<tr><td><font size = 2>内容</td></font></tr>";
        titleContent = titleContent + "<tr><td><font size = 2>日期</td></font></tr>";
        titleContent = titleContent + "</table>";    
        titlePopupBody.innerHTML = titleContent;
            
        ShowMsgBox();
       }
          
       function MsgBox()
       {
        len += 4;      
        if (len > 110)
        {  
         window.clearInterval(tID);    
        }        
        else
        {//170固定了消息提示框的宽度
         titlePopup.show(document.body.clientWidth - 170, document.body.clientHeight - len, 170, len, top.document.body);
        }    
       }
      
       var tID
       function ShowMsgBox()
       {
        tID = window.setInterval("MsgBox()",15);    
       }
    </script>

    <body MS_POSITIONING="GridLayout">
      <INPUT onclick="InitMsgBox()" id="Button1" style="Z-INDEX: 101; LEFT: 296px; POSITION: absolute; TOP: 344px" type="button"
       value="Button" name="Button1">
    </body>
    </html>
  • 相关阅读:
    1309:【例1.6】回文数(Noip1999)
    1168:大整数加法
    1308:【例1.5】高精除
    邻接表存图
    [NOIP2010]关押罪犯(并查集)
    [NOI2001]食物链(并查集)
    最小生成树-Prim算法和Kruskal算法[转]
    [BOI2003]团伙(并查集)
    超有爱的并查集[转]
    [ZJOI2006]三色二叉树 (树形dp)
  • 原文地址:https://www.cnblogs.com/Bany/p/1755508.html
Copyright © 2011-2022 走看看