java实现页面最小化后桌面右下角出现提示框（跟QQ提示一样）

最新推荐文章于 2020-09-13 18:28:33 发布
最新推荐文章于 2020-09-13 18:28:33 发布
阅读量4.3k 收藏 3
点赞数
分类专栏： div+css 文章标签： java qq function class fun div
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <base href="<%=basePath%>">

        <title>信息提示</title>

        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <style type="text/css">
* {
    margin: 0px;
    padding: 0px;
}

#top {
    background-image: url(images/top_02.gif);
    background-repeat: repeat-x;
    height: 58px;
    width: 100%;
}

#logo {
    float: left;
    background-image: url(images/logo.jpg);
    width: 293px;
    height: 58px;
}

#line {
    background-image: url(images/bg1.gif);
    width: 100%;
    height: 18px;
}

#info {
    font-size: 12px;
    color: #FFF;
    line-height: 19px;
    float: right;
    width: 230px;
    height: 58px;
}
</style>
        <title></title>
        <script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>

        <script type="text/javascript">
    
     <!--
    
   /**
   * 类名：CLASS_MSN_MESSAGE
   * 功能：提供类似MSN消息框
   * 示例：
   * var MSG = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","今天请我吃饭哈");
   * MSG.show();
    * 消息构造
   */
   function CLASS_MSN_MESSAGE(id,width,height,caption,title,message,target,action){
      this.id       = id;
      this.title    = title;
      this.caption = caption;
      this.message = message;
      this.target   = target;
      this.action   = action;
      this.width    = width?width:200;
      this.height   = height?height:120;
      this.timeout = 150;
      this.speed    = 20;
      this.step     = 1;
      this.right    = screen.width -1;
      this.bottom   = screen.height;
      this.left     = this.right - this.width;
      this.top      = this.bottom - this.height;
      this.timer    = 0;
      this.pause    = false;
      this.close    = false;
      this.autoHide = true;
   }
 
   /**
   * 隐藏消息方法
   */
   CLASS_MSN_MESSAGE.prototype.hide = function(){
      if(this.onunload()){
          var offset = this.height>this.bottom-this.top?this.height:this.bottom-this.top;
          var me = this;
          if(this.timer>0){   
              ///window.clearInterval(me.timer);
          }
 
          var fun = function(){
              if(me.pause==false||me.close){
                  var x = me.left;
                  var y = 0;
                  var width = me.width;
                  var height = 0;
                  if(me.offset>0){
                      height = me.offset;
                  }
       
                  y = me.bottom - height;
                  if(true){
                     window.clearInterval(me.timer);
                      me.Pop.hide();
                  } else {
                      me.offset = me.offset - me.step;
                  }
                 // me.Pop.show(x,y,width,height);    
              }             
          }
          fun();
        //  this.timer = window.setInterval(fun,1000)      
      }
   }
 
   /**
   * 消息卸载事件，可以重写
   */
   CLASS_MSN_MESSAGE.prototype.onunload = function() {
      return true;
   }
   /**
   * 消息命令事件，要实现自己的连接，请重写它
   * window.open("http://www.lost63.com");
   */
   CLASS_MSN_MESSAGE.prototype.oncommand = function(){
      this.close = true;
      this.hide();
   
   }
   var bl=0;
   /**
   * 消息显示方法
   */
     //IE5.5+
   CLASS_MSN_MESSAGE.prototype.show = function(){
     var oPopup = window.createPopup();
      this.Pop = oPopup;
 
      var w = this.width;
      var h = this.height;
 
    // "×"关闭按钮
    /*
          str += "<tr>"
          str += "<td style='font-size: 12px;color: #0f2c8c' width=30 height=24></td>"
          str += "<td style='padding-left: 4px; font-weight: normal; font-size: 12px; color: #1f336b; padding-top: 4px' valign=center width='100%'>" + this.caption + "</td>"
          str += "<td style='padding-right: 2px; padding-top: 2px' valign=center align=right width=19>"
          str += "<span title=关闭 style='font-weight: bold; font-size: 12px; cursor: hand; color: red; margin-right: 4px' id='btsysclose' >×</span></td>"
          str += "</tr>"
    */
    // 按钮style
    // style='width:60px; height:20px; border-right: #002D96 1px solid; padding-right: 2px; border-top: #002D96 1px solid; padding-left: 2px; FONT-SIZE: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); border-left: #002D96 1px solid; CURSOR: hand; color: black; padding-top: 2px; border-bottom: #002D96 1px solid;'
   
      var str = "<div id='emag' style='border-right: #455690 1px solid; border-top: #a6b4cf 1px solid; z-index: 99999; left: 0px; border-left: #a6b4cf 1px solid; width: " + w + "px; border-bottom: #455690 1px solid; position: absolute; top: 0px; height: " + h + "px; background-color: #c9d3f3;display:block'>"
          str += "<table style='border-top: #ffffff 1px solid; border-left: #ffffff 1px solid' cellspacing=0 cellpadding=0 width='100%' bgcolor=#cfdef4 border=0>"
          
          str += "<tr>"
          str += "<td style='font-size: 12px;color: #0f2c8c' width=30 height=24></td>"
          str += "<td style='padding-left: 4px; font-weight: normal; font-size: 12px; color: #1f336b; padding-top: 4px' valign=center width='100%'>" + this.caption + "</td>"
          str += "</tr>"
          str += "<tr>"
          /*height：设置里面内容区域的高度 */
          str += "<td style='padding-right: 1px;padding-bottom: 1px' colspan=3 height=" + (h-50) + ">"
          str += "<div style='border-right: #b9c9ef 1px solid; padding-right: 8px; border-top: #728eb8 1px solid; padding-left: 8px; font-size: 12px; padding-bottom: 8px; border-left: #728eb8 1px solid; width: 100%; color: #1f336b; padding-top: 8px; border-bottom: #b9c9ef 1px solid; height: 100%'>" + this.title + "<br><br>"
          str += "<div style='word-break: break-all' align=left><a href='javascript:void(0)' hidefocus=false id='btcommand'><font color=#ff0000>" + this.message + "</font></a><a href='tencent://message/?uin=35501547&site=http://hi.baidu.com/lupeng0527&menu=yes' hidefocus=false id='ommand'><font color=#ff0000></font></a></div>"
          str += "</div>"
          str += "</td>"
          str += "</tr>"
         str += "<tr align=center>"
          str += "<td colspan=3>"
          str += "<div style='padding: 2 0 2 0;'>"
          str += "<span id='buttonClose'><input type='button' title=关闭 value=确认 style='width:60px; height:20px; border-right: #002D96 1px solid; padding-right: 2px; border-top: #002D96 1px solid; padding-left: 2px; FONT-SIZE: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); border-left: #002D96 1px solid; CURSOR: hand; color: black; padding-top: 2px; border-bottom: #002D96 1px solid;'></span>"
          str += "</div>"
          str += "</td>"
          str += "</tr>"
          str += "</table>"
          str += "</div>"

      oPopup.document.body.innerHTML = str;
    //  oPopup.document.thisWin   =   oPopup;
     // oPopup.show(100,100,100,100,document.body);
     // setTimeout("oPopup.hide()",5000)


      
      this.offset = 0;
      var me = this;
 
      oPopup.document.body.onmouseover = function(){me.pause=true;}
      oPopup.document.body.onmouseout = function(){me.pause=true;}
 
      var fun1 = function(){
          var x = me.left;
          var y = 0;
          var width      = me.width;
          var height     = me.height;
 
              if(me.offset>me.height){
                  height = me.height;
              } else {
                  height = me.offset;
              }
 
          y = me.bottom - me.offset;
          if(y<=me.top){
             me.timeout--;
             
          } else {
              me.offset = me.offset + me.step;
          }
         me.Pop.show(1039,600,240,150);   
      }
          if(bl<2){
              //this.timer = window.setInterval(fun1,this.speed);
              fun1();
              
          }
          
           bl=3;
       
    //"确认"关闭事件  this.close = true;
        // this.hide();
   
      var buttonClose = oPopup.document.getElementById("buttonClose");
    
      buttonClose.onclick = function(){
     me.close = true;
          me.hide();
      }
      
     // "×"关闭事件  me.close = true;
          //me.hide();
      /*  var btClose = oPopup.document.getElementById("btSysClose");
    
       btClose.onclick = function(){
 
     
        }
       */
 
      var btCommand = oPopup.document.getElementById("btCommand");
      btCommand.onclick = function(){
          me.oncommand();
      }    
    var ommand = oPopup.document.getElementById("ommand");
      ommand.onclick = function(){
      this.close = true;
      me.hide();
   window.open(ommand.href);
      }   
   }
   /*
   * 设置速度方法
   */
   CLASS_MSN_MESSAGE.prototype.speed = function(s){
      var t = 20;
      try {
          t = praseInt(s);
      } catch(e){}
      this.speed = t;
   }
   /**
   * 设置步长方法
   */
   CLASS_MSN_MESSAGE.prototype.step = function(s){
      var t = 1;
      try {
          t = praseInt(s);
      } catch(e){}
      this.step = t;
   }
 
   CLASS_MSN_MESSAGE.prototype.rect = function(left,right,top,bottom){
      try {
          this.left        = left    !=null?left:this.right-this.width;
          this.right        = right    !=null?right:this.left +this.width;
          this.bottom        = bottom!=null?(bottom>screen.height?screen.height:bottom):screen.height;
          this.top        = top    !=null?top:this.bottom - this.height;
      } catch(e){}
   }
   var MSG1 = new CLASS_MSN_MESSAGE("aa",240,150,"管理员","有新的申请单需要您的审批!","");
      MSG1.rect(null,null,null,screen.height-50);
      MSG1.speed    = 10;
      MSG1.step    = 5;
      //alert(MSG1.top);
      //MSG1.show();
   //同时两个有闪烁，只能用层代替了，不过层不跨框架
   /*
     var MSG2 = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有2封消息","好的啊");
     MSG2.rect(100,null,null,screen.height);
     MSG2.show();
   */
    
   /**
   * 显示提示框
   */
   function showMSG(){
 
    MSG1.show();
   }
   
    function hideMsg(){
    MSG1.hide();
    }
    


    window.setInterval("showMSG()",10000);
</script>
    </head>
    <body>
        <div id="top">
            <div id="logo"></div><div id="back"></div>
       
            </div>
        </div>
        <div id="line"></div>
    </body>
</html>


飘飘哥
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
java:实现右下角弹出信息窗体(附完整源码)
希望我的博客，能帮上你解决学习中工作中所遇到的问题
04-20 409
java:实现右下角弹出信息窗体(附完整源码)
java swing屏幕右下角出现渐隐渐显的提示框
springmvc_springdata的专栏
08-11 1466
y 1.窗体出现时逐渐清晰 2.停留一会儿时间之后会自动逐渐模糊直至消失 3.点击关闭按钮后逐渐模糊直至消失 4.提示内容支持html标签
JS实现IE浏览器最小化在桌面右下角弹窗显示
05-26
IE浏览器最小化在桌面右下角弹窗显示, 用的很多框架都是在页面的右下角显示，后来项目要用到最小化后有实时信息提示。所以就想了想搞出这个东西共享出来
Java实现屏幕右下角弹出类QQ提示消息_技术成长笔记_新浪博客
u010783713的专栏
04-27 113
package Rong; import java.awt.BorderLayout; import java.awt.Color; import java.awt.Cursor; import java.awt.Dimension; import java.awt.FlowLayout; import java.awt.Font; import java.awt.Point; impor...
java实现桌面右下角弹窗（模仿，类似于qq消息弹窗）
qq_337694336
01-08 6237
最近需要一个java实现桌面弹窗的小功能，类似于电脑桌面右下角的小广告一样的功能，在csdn上找到一个很好的一个，功能很多，我去除了一点不需要的代码，改了下外观等。 原作者：https://www.cnblogs.com/hgxbo/p/5508384.html 修改后的代码如下： InfoUtil.java import java.awt.BorderLayout; impor
易语言模拟qq右下角提示框
07-23
在这个“易语言模拟qq右下角提示框”项目中，我们将探讨如何使用易语言来实现类似QQ软件右下角弹出提示框的功能。 首先，我们需要了解QQ右下角提示框的基本特性。这种提示框通常会出现在屏幕右下角，显示一些简短的...
C# 桌面弹出窗体，右下角弹提示框
12-22
以上就是实现C#桌面应用右下角弹出类QQ提示框的关键技术点。通过结合窗体、事件处理、动画效果以及屏幕定位，我们可以创建一个既美观又实用的提示系统。在实际项目中，你可能还需要考虑线程安全、多显示器支持、...
java实现桌面右下角弹窗效果
08-25
本文主要介绍了如何使用Java实现桌面右下角弹窗效果，类似于QQ消息弹窗。该弹窗效果可以应用于各种桌面应用程序中，提供给用户重要信息或提示。 首先，需要了解Java中的Swing库，它提供了许多GUI组件，包括JPanel、...
易语言QQ右下角提示框效果
07-20
本主题聚焦于"QQ右下角提示框效果"，这是一种常见的用户界面（UI）设计，通常用于在计算机桌面右下角弹出通知或消息，模仿腾讯QQ软件的提示方式。 易语言实现QQ右下角提示框效果，涉及到以下几个关键知识点： 1. *...
Qt4.8.2 模仿QQ桌面右下角消息提示|qq575787460-4507516-qqMsg.zip
10-05
在本文中，我们将深入探讨如何使用Qt 4.8.2框架来实现一个类似QQ桌面右下角的消息提示功能。这个功能是许多桌面应用程序中常见的交互元素，它可以在不打扰用户主界面工作的情况下，提供及时的信息通知。我们将涵盖...
Java实现桌面右下角弹窗（类似于qq消息弹框）
01-08
这是一个类似于qq消息弹窗的代码，java语言，弹窗在指定时间内会自动消失
用Java实现类似QQ弹出的ToolTip框的功能
ycb1689的专栏
09-20 4032
最近准备用java模拟实现QQ功能，遇到的问题真不少，第一个问题就是怎么用java写出像QQ中用鼠标指着你的头像就会出来一个类似ToolTip的框显示你的qq秀和你的昵称账号等信息，在网上找了很久，都没有很如意的现成的实现方案，后经自己吧网上找到的资料进行整合，加工，终于实现了类似QQ那样的弹出框的功能，今特意将代码发放到网络中，希望能给有和我一样的困扰的，爱好java的朋友一些微不足道的帮助，本
Java | 实现消息提醒的图标闪烁功能
庄周de蝴蝶的博客
09-13 3365
前言 本文主要讲解如何在 Java 中实现类似 QQ 等软件在有消息时的托盘图标闪烁功能，项目素材及代码均已上传 GitHub，可以点击链接进行查看，本文只展示核心代码，完整代码点击链接查看即可，此外项目属于 JavaFX 项目。 效果 最终实现的效果如下所示： 注意 想要更直观的效果图，可以查看该链接。 思路 通过新开一个线程，然后定时交替设置图标的图片：一个为空，一个为正常图片，即实现了图标的闪烁，代码如下： private void setTimerTask() { // 设置提示音
java实现托盘闪动消息提醒
weixin_30702887的博客
08-30 499
发一个小例子供大家参考，java实现托盘闪动消息提醒，同时播放声音提醒。 1.package com.msg; 2. 3.import java.applet.Applet; 4.import java.applet.AudioClip; 5.import java.awt.AWTException; 6.import java.awt.Image; 7....
javaGUI解决闪屏问题
weixin_30711917的博客
07-24 454
javaGUI解决闪屏问题可以通过继承JPanel来实现，特别简单，因为JPanel有已经实现的解决闪屏的方法 JFrame jfm=new JFrame();this.setDoubleBuffered(true); 1 package demo.wl; 2 3 import java.awt.Color; 4 import java.awt.Graphics; ...
窗口右下角消息弹出框
java_zhaoyanli的专栏
03-22 2662
html: 窗口右下角消息弹出框 X js: /*重要*/ var adv={ HEIGHT:0,//保存msg的高度，充当移动的总距离 TIME:2000,//总时间 STEPS:50,//总步数 interval:0,//每步时间间隔 step:0,//每步步长 timer:null,//保存当前定时器的序
javafx 实现提示条位置 自动隐藏
Chiu_joe_stone的博客
10-16 1379
t.show(control, GetScreen.getScreenX(control), GetScreen.getScreenY(control)-30); t.setAutoHide(true);
JavaFX UI控件教程（二十一）之Tooltip
茅坤宝骏氹的博客
10-17 3823
翻译自Tooltip 在本章中，您将了解工具提示，即当鼠标光标悬停该控件时，可以为任何UI控件设置的控件。 的Tooltip类表示通常用于显示关于所述用户接口的控制附加信息的公共UI组件。可以通过调用setTooltip方法在任何控件上设置工具提示。 工具提示有两种不同的状态：激活和显示。激活工具提示后，鼠标移动到控件上。当工具提示处于显示状态时，它实际上会出现。显示的工具提示也被激活。...
uniapp右上角提示分享收藏
最新发布
09-05
在UniApp中，右上角的提示分享收藏是指在页面中出现的一个小提示，用于提醒用户可以进行分享或收藏操作。 这个提示通常以图标或文字的形式出现在页面的右上角，目的是为了方便用户快速分享或收藏当前的内容。用户...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值