仿QQ弹出窗口

    最近在做内部管理,需要用到这个东西来提醒,所以就把它做成一个类,直接调用,满方便的.贴一下代码,大家看一下

  1 using System;
  2 using System.Web;
  3 using System.Collections.Generic;
  4 using System.Text;
  5 
  6 /****************************************
  7  * 作者：wenjl
  8  * 功能：使用该类，可以实现右下角的弹出界面。
  9  * 日期：2008-10-26  
 10  * 版本：0.1
 11  * **************************************/
 12 namespace PopupMessage
 13 {
 14     /// <summary>
 15     /// 使用该类，可以实现右下角的弹出界面。
 16     /// </summary>
 17     public class PopupMessage
 18     {
 19         private StringBuilder m_Script;
 20 
 21         #region PopupMessage构造函数。
 22         /// <summary>
 23         /// 构告出弹出界面的前台脚本。
 24         /// </summary>
 25         public PopupMessage()
 26         {
 27             m_Script = new StringBuilder();
 28             #region Script
 29             m_Script.Append("<SCRIPT language=\"JavaScript\" type=\"text/javascript\">  \n ");
 30             // m_Script.Append("<!--  \n ");
 31             m_Script.Append("function CLASS_MSN_MESSAGE(id,width,height,caption,message,target,action){  \n ");
 32             m_Script.Append("this.id     = id;   \n ");
 33             m_Script.Append("this.caption= caption;  \n ");
 34             m_Script.Append("this.message= message;  \n ");
 35             m_Script.Append("this.target = target;  \n ");
 36             m_Script.Append("this.action = action;  \n ");
 37             m_Script.Append("this.width    = width;  \n ");
 38             m_Script.Append("this.height = height;  \n ");
 39             m_Script.Append("this.timeout= 2000;  \n ");
 40             m_Script.Append("this.speed    = 20; \n ");
 41             m_Script.Append("this.step    = 1; \n ");
 42             m_Script.Append("this.right    = screen.width -1;  \n ");
 43             m_Script.Append("this.bottom = screen.height; \n ");
 44             m_Script.Append("this.left    = this.right - this.width; \n ");
 45             m_Script.Append("this.top    = this.bottom - this.height; \n ");
 46             m_Script.Append("this.timer    = 0; \n ");
 47             m_Script.Append("this.pause    = false;\n ");
 48             m_Script.Append("this.close    = false;\n ");
 49             m_Script.Append("this.autoHide    = true;\n ");
 50             m_Script.Append("}    \n ");
 51             m_Script.Append("/*  \n ");
 52             m_Script.Append("*    隐藏消息方法  \n ");
 53             m_Script.Append("*/  \n ");
 54             m_Script.Append("CLASS_MSN_MESSAGE.prototype.hide = function(){  \n ");
 55             m_Script.Append("if(this.onunload()){  \n ");
 56             m_Script.Append("var offset  = this.height>this.bottom-this.top?this.height:this.bottom-this.top; \n ");
 57             m_Script.Append("var me  = this;  \n ");
 58             m_Script.Append("if(this.timer>0){   \n ");
 59             m_Script.Append("window.clearInterval(me.timer);  \n ");
 60             m_Script.Append("}  \n ");
 61             m_Script.Append("var fun = function(){  \n ");
 62             m_Script.Append("if(me.pause==false||me.close){\n ");
 63             m_Script.Append("var x  = me.left; \n ");
 64             m_Script.Append("var y  = 0; \n ");
 65             m_Script.Append("var width = me.width; \n ");
 66             m_Script.Append("var height = 0; \n ");
 67             m_Script.Append("if(me.offset>0){ \n ");
 68             m_Script.Append("height = me.offset; \n ");
 69             m_Script.Append("}      \n ");
 70             m_Script.Append("y  = me.bottom - height;      \n ");
 71             m_Script.Append("if(y>=me.bottom){ \n ");
 72             m_Script.Append("window.clearInterval(me.timer);  \n ");
 73             m_Script.Append("me.Pop.hide();  \n ");
 74             m_Script.Append("} else { \n ");
 75             m_Script.Append("me.offset = me.offset - me.step;  \n ");
 76             m_Script.Append("} \n ");
 77             m_Script.Append("me.Pop.show(x,y,width,height);    \n ");
 78             m_Script.Append("}             \n ");
 79             m_Script.Append("}  \n ");
 80             m_Script.Append("this.timer = window.setInterval(fun,this.speed)      \n ");
 81             m_Script.Append("}  \n ");
 82             m_Script.Append("}    \n ");
 83             m_Script.Append("/* \n ");
 84             m_Script.Append("*    消息卸载事件，可以重写  \n ");
 85             m_Script.Append("*/  \n ");
 86             m_Script.Append("CLASS_MSN_MESSAGE.prototype.onunload = function() {  \n ");
 87             m_Script.Append("return true;  \n ");
 88             m_Script.Append("}  \n ");
 89             m_Script.Append("/*  \n ");
 90             m_Script.Append("*    消息命令事件，要实现自己的连接，请重写它  \n ");
 91             m_Script.Append("*  \n ");
 92             m_Script.Append("*/  \n ");
 93             m_Script.Append("CLASS_MSN_MESSAGE.prototype.oncommand = function(){  \n ");
 94             m_Script.Append("this.hide();    \n ");
 95             m_Script.Append("} \n ");
 96             m_Script.Append("/*  \n ");
 97             m_Script.Append("*    消息显示方法  \n ");
 98             m_Script.Append("*/  \n ");
 99             m_Script.Append("CLASS_MSN_MESSAGE.prototype.show = function(){  \n ");
             m_Script.Append("var oPopup = window.createPopup(); /*IE5.5+ */   \n ");
             m_Script.Append("this.Pop = oPopup;    \n ");
             m_Script.Append("var w = this.width;  \n ");
             m_Script.Append("var h = this.height;    \n ");
             m_Script.Append("var str = \"<div style='z-index: 99999;\" + w + \"px; height:\" + h + \"px;'>\"  \n ");
             m_Script.Append("str += \"<table width='\"+this.width+\"px' border='0' cellspacing='0' cellpadding='0'>\"  \n ");
             m_Script.Append("str += \"<tr><td width='36px' height=24><img src='images/msg/msg_03.gif' /></td>\"  \n ");
             m_Script.Append("str += \"<td style='font-size:12px; color:#FFF; font-weight:bold; line-height:20px; background:url(images/msg/msg_05.gif) repeat-x; padding-top:3px;'>\" + this.caption + \"</td>\"\n ");
             m_Script.Append("str += \"<td width='23px'><img src='images/msg/msg_07.gif' id='btSysClose' title='关闭' style='cursor:hand;'  /></td>\"\n ");
             m_Script.Append("str += \"</tr>\"\n ");
             m_Script.Append("str += \"</table>\"\n ");
             m_Script.Append("str += \"<table width='100%' border='0' cellspacing='0' cellpadding='0'>\"\n ");
             m_Script.Append("str += \"<tr>\"\n ");
             m_Script.Append("str += \"<td width='5px' rowspan='2' background='images/msg/msg_09.gif'></td>\"\n ");
             m_Script.Append("str += \"<td width='\"+(this.width-10)+\"px' height=\"+(this.height-54)+\" background='images/msg/bg_01.gif' style='line-height:16px; color:#191CCB;'><div style='margin:10px;font-size:12px;cursor:hand;'>\"+ this.message + \"</div></td>\"\n ");
             m_Script.Append("str += \"<td width='5px' rowspan='2' background='images/msg/msg_15.gif'></td>\"\n ");
             m_Script.Append("str += \"</tr>\"\n ");
             m_Script.Append("str += \"<tr>\"\n ");
             m_Script.Append("str += \"<td height='24' background='images/msg/bg_02.gif' > <a id='btnMessage'></a></td>\"\n ");
             m_Script.Append("str += \"</tr>\"\n ");
             m_Script.Append("str += \"</table>\"\n ");
             m_Script.Append("str += \"<table width='\"+this.width+\"px' ' border='0' cellspacing='0' cellpadding='0'>\"\n ");
             m_Script.Append("str += \"<tr><td height='8px' style=' 12px; background: url(images/msg/left.jpg)'>\"\n ");
             m_Script.Append("str += \" <td height='8px' style='\"+(this.width-22)+\"px; background: url(images/msg/middle.jpg)'>\"\n ");
             m_Script.Append("str += \"<td height='8px' style=' 10px; background: url(images/msg/right.jpg)'>\"\n ");
             m_Script.Append("str += \"</tr>\"\n ");
             m_Script.Append("str += \"</table>\"\n ");
             m_Script.Append("str += \"</div>\"\n ");
             m_Script.Append("alert(str); oPopup.document.body.innerHTML = str;  \n ");
             m_Script.Append("this.offset  = 0; \n ");
             m_Script.Append("var me  = this;  \n ");
             m_Script.Append("oPopup.document.body.onmouseover = function(){me.pause=true;}\n ");
             m_Script.Append("oPopup.document.body.onmouseout = function(){me.pause=false;}\n ");
             m_Script.Append("var fun = function(){  \n ");
             m_Script.Append("var x  = me.left; \n ");
             m_Script.Append("var y  = 0; \n ");
             m_Script.Append("var width    = me.width; \n ");
             m_Script.Append("var height    = me.height; \n ");
             m_Script.Append("if(me.offset>me.height){ \n ");
             m_Script.Append("height = me.height; \n ");
             m_Script.Append("} else { \n ");
             m_Script.Append("height = me.offset; \n ");
             m_Script.Append("} \n ");
             m_Script.Append("y  = me.bottom - me.offset; \n ");
             m_Script.Append("if(y<=me.top){ \n ");
             m_Script.Append("me.timeout--; \n ");
             m_Script.Append("if(me.timeout==0){ \n ");
             m_Script.Append("window.clearInterval(me.timer);  \n ");
             m_Script.Append("if(me.autoHide){\n ");
             m_Script.Append("me.hide(); \n ");
             m_Script.Append("}\n ");
             m_Script.Append("} \n ");
             m_Script.Append("} else { \n ");
             m_Script.Append("me.offset = me.offset + me.step; \n ");
             m_Script.Append("} \n ");
             m_Script.Append("me.Pop.show(x,y,width,height);    \n ");
             m_Script.Append("}    \n ");
             m_Script.Append("this.timer = window.setInterval(fun,this.speed)        \n ");
             m_Script.Append("var btClose = oPopup.document.getElementById(\"btSysClose\" );    \n ");
             m_Script.Append("btClose.onclick = function(){  \n ");
             m_Script.Append("me.close = true;\n ");
             m_Script.Append("me.hide();  \n ");
             m_Script.Append("} \n ");
             m_Script.Append("}  \n ");
             m_Script.Append("/* \n ");
             m_Script.Append("** 设置速度方法 \n ");
             m_Script.Append("**/ \n ");
             m_Script.Append("CLASS_MSN_MESSAGE.prototype.speed = function(s){ \n ");
             m_Script.Append("var t = 20; \n ");
             m_Script.Append("try { \n ");
             m_Script.Append("t = praseInt(s); \n ");
             m_Script.Append("} catch(e){} \n ");
             m_Script.Append("this.speed = t; \n ");
             m_Script.Append("} \n ");
             m_Script.Append("/* \n ");
             m_Script.Append("** 设置步长方法 \n ");
             m_Script.Append("**/ \n ");
             m_Script.Append("CLASS_MSN_MESSAGE.prototype.step = function(s){ \n ");
             m_Script.Append("var t = 1; \n ");
             m_Script.Append("try { \n ");
             m_Script.Append("t = praseInt(s); \n ");
             m_Script.Append("} catch(e){} \n ");
             m_Script.Append("this.step = t; \n ");
             m_Script.Append("}   \n ");
             m_Script.Append("CLASS_MSN_MESSAGE.prototype.rect = function(left,right,top,bottom){ \n ");
             m_Script.Append("try { \n ");
             m_Script.Append("this.left        = left    !=null?left:this.right-this.width; \n ");
             m_Script.Append("this.right        = right    !=null?right:this.left +this.width; \n ");
             m_Script.Append("this.bottom        = bottom!=null?(bottom>screen.height?screen.height:bottom):screen.height; \n ");
             m_Script.Append("this.top        = top    !=null?top:this.bottom - this.height; \n ");
             m_Script.Append("} catch(e){} \n ");
             m_Script.Append("} \n ");
             m_Script.Append("function NavigateUrl(url){ parent.parent['Main'].location=url;} \n ");
             m_Script.Append("</SCRIPT> \n ");
             #endregion Script
             HttpContext.Current.Response.Write(m_Script.ToString());
         }
         #endregion
 
         #region 缓慢的显示
         /// <summary>
         /// 缓慢的显示。
         /// <param name="Content">弹出框显示的内容</param>
         /// <param name="Height">弹出框的高度</param>
         /// <param name="Title">弹出框的标题</param>
         /// <param name="Width">弹出框的宽度</param>
         /// </summary>
         public void Slowly(int Width, int Height, string Title, string Content)
         {
             string Message = "<script language='" + "javascript" + "' type='" + "text/javascript" + "'> var MSG1 = new CLASS_MSN_MESSAGE('" + "task" + "','" + Width + "','" + Height + "','" + "上级安排任务提示：" + "',\"" + Content + "\",'" + "" + "');" +
                  " MSG1.rect(null,null,null,screen.height); " +
                  " MSG1.show(); </script>"
             HttpContext.Current.Response.Write(Message);
         }
 
         /// <summary>
         /// 缓慢的显示。
         /// <param name="Title">弹出框的标题</param>
         /// <param name="Width">弹出框的宽度</param>
         /// </summary>
         public void Slowly(string Title, string Content)
         {
             Slowly(258, 160, Title, Content);
         }
         #endregion
 
         #region 快速的显示
         /// <summary>
         /// 快速的显示
         /// <param name="Content">弹出框显示的内容</param>
         /// <param name="Height">弹出框的高度</param>
         /// <param name="Title">弹出框的标题</param>
         /// <param name="Width">弹出框的宽度</param>
         /// </summary>
         public void Quickly(int Width, int Height, string Title, string Content)
         {
             string Message = "<script language='" + "javascript" + "' type='" + "text/javascript" + "'> var MSG1 = new CLASS_MSN_MESSAGE('" + "task" + "','" + Width + "','" + Height + "','" + "上级安排任务提示：" + "',\"" + Content + "\",'" + "" + "');" +
                " MSG1.rect(null,null,null,screen.height-35); " +
                 "MSG1.speed    = 20; " +
                " MSG1.step    = 5; " +
                " MSG1.show(); </script>";
             HttpContext.Current.Response.Write(Message);
         }
 
         /// <summary>
         /// 快速的显示
         /// <param name="Title">弹出框的标题</param>
         /// <param name="Width">弹出框的宽度</param>
         /// </summary>
         public void Quickly(string Title, string Content)
         {
             Quickly(258, 160, Title, Content);
         }
         #endregion
 
         #region 调用静态的操作
         /// <summary>
         /// 调用显示的属性。
         /// </summary>
         /// <returns></returns>
         public static PopupMessage Display
         {
             get
             {
                 return new PopupMessage();
             }
         }
         #endregion
     }
 }
 

使用方法:

 PopupMessage.PopupMessage message = new PopupMessage.PopupMessage();
        string SongPath = System.Configuration.ConfigurationManager.AppSettings["SongPath"].ToString();
        string result = "<bgsound   src='" + SongPath + "'   loop=2/><a id='btnNewMessage' style='text-decoration:none;cursor:hand;'>您好！目前有111等 222个待办事项，请点击查看！</a>";
        string aa = "SaleManager/OrderList.aspx";
        result = result + "<br/> <bgsound src='" + SongPath + "' loop=2/>" +
                  "<a id='btnaNewMessage' style='text-decoration:none;cursor:hand;' onclick='parent.NavigateUrl(\\\"" + aa + "\\\");'>您好！目前有" + "sss" + "等" + "11" + "个待办事项，请点击查看！</a>";
        message.Slowly(258, 160, "待办事项", result);

这里面需要注意的是\的问题,因为在跳转的时候,要注意方法内的参数是否可以使用.

代码下载/Files/wenjl520/PopupMessage.rar