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>
  • 相关阅读:
    跟一声响骚扰说“拜拜”
    来电过滤 全靠防火墙
    android sd卡读取数据库
    Java程序员十戒
    Java常用的正则表达式验证
    Java 3D 教程:6. Java 3D 与用户界面
    成为Java高手的25个学习目标
    Java数据结构内容整理
    Java中类与类之间的关系
    求助,Java字符串分割问题
  • 原文地址:https://www.cnblogs.com/Bany/p/1755508.html
Copyright © 2011-2022 走看看