仿MSN右下角提示信息js的问题

<HTML>
<HEAD>
<TITLE>网页特效--页面右下角弹出类似QQ或MSN的消息提示</TITLE>
<script language="javascript" src="message.js">
</script>
<script language="javascript">
var MSG1 = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","今天请我吃饭哈");
    MSG1.rect(null,null,null,screen.height-50);
    MSG1.speed = 15;
    MSG1.step  = 5;
    //alert(MSG1.top);
    MSG1.show();
</script>
</HEAD>
<BODY>
QQ消息提示，请看屏幕右下角！
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>网页特效--页面右下角弹出类似QQ或MSN的消息提示</TITLE>
<script language="javascript" src="message.js">
</script>
<script language="javascript">
var MSG1 = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","今天请我吃饭哈");
    MSG1.rect(null,null,null,screen.height-50);
    MSG1.speed = 15;
    MSG1.step  = 5;
    //alert(MSG1.top);
    MSG1.show();
</script>
</HEAD>
<BODY>
QQ消息提示，请看屏幕右下角！
</BODY>
</HTML>
这是我的js
<script language="javascript" type="text/javascript">
    //全局变量
    var number_1 = 0;   //设置新系统信息条数
    var number_2 = 0;
    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 : 125;
        this.timeout = Number.MAX_VALUE;
        this.speed = 100;
        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 = false;
    }    /*
    *    隐藏消息方法
    */
    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 (y >= me.bottom) {
                        window.clearInterval(me.timer);
                        me.Pop.hide();
                    } else {
                        me.offset = me.offset - me.step;
                    }
                    me.Pop.show(x, y, width, height);
                }
            }
            this.timer = window.setInterval(fun, this.speed)
        }
    }    /*
    *    消息卸载事件，可以重写
    */
    CLASS_MSN_MESSAGE.prototype.onunload = function() {
        return true;
    }    /**//*
*    消息显示方法
*/
    CLASS_MSN_MESSAGE.prototype.show = function() {
        var oPopup = window.createPopup(); //IE5.5+
        this.Pop = oPopup;
        var w = this.width;
        var h = this.height;
        var str = "<div id='mydiv' style='width:200px; height:130px; background:url(image/information.png) no-repeat;'>"
        str += "<div style='width:180px; height:35px; line-height:35px; color:#062793; padding-left:30px;font-size:12px;'>" + this.title + "<em style='width:10px; line-height:35px; color:#FF0000; margin-left:150px; font-size:18px; margin-top:-45px;cursor:pointer;'id='btSysClose'>×</em></div>";
        str += "<div style='width:210px; line-height:20px; height:50px; color:#FF0000;margin-top:20px; text-align:center;font-size:14px;'><a id='btCommand' href=\"javascript:parent.mainFrame.location.href='#'\" hidefocus=false style='text-decoration:none;'>" + this.message + "</a></div>"
        str += "</div>";
        oPopup.document.body.innerHTML = str;
        this.offset = 0;
        var me = this;
        oPopup.document.body.onmouseover = function() { me.pause = true; }
        oPopup.document.body.onmouseout = function() { me.pause = false; }
        var fun = 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--;
                if (me.timeout == 0) {
                    window.clearInterval(me.timer);
                    if (me.autoHide) {
                        me.hide();
                    }
                }
            } else {
                me.offset = me.offset + me.step;
            }
            me.Pop.show(x, y, width, height);
        }        this.timer = window.setInterval(fun, this.speed)
        var btClose = oPopup.document.getElementById("btSysClose");
        btClose.onclick = function() {
            me.close = true;
            me.hide();
        }        var btCommand = oPopup.document.getElementById("btCommand");
        btCommand.onclick = function() {
            me.oncommand();
        }
        var ommand = oPopup.document.getElementById("ommand");
        ommand.onclick = function() {
            this.close = false;
            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) { }
    }
    function onlod1() {
        /*
        *    消息命令事件，要实现自己的连接，请重写它
        *
        */
        CLASS_MSN_MESSAGE.prototype.oncommand = function() {
            this.close = false;
            this.hide();
            window.location.target = "_ablank";
            window.parent.mainFrame.location.href = "information/informationList.aspx";
        }
        var MSG1 = new CLASS_MSN_MESSAGE("aa", 210, 126, "", "系统消息", "您有" + number_1 + "条新的系统消息!");
        MSG1.rect(null, null, null, screen.height - 50);
        MSG1.speed = 20;
        MSG1.step = 5;
        MSG1.show();
    }
    function onlod2() {
        /*
        *    消息命令事件，要实现自己的连接，请重写它
        *
        */
        CLASS_MSN_MESSAGE.prototype.oncommand = function() {
            this.close = false;
            this.hide();
            window.location.target = "_ablank";
            window.parent.mainFrame.location.href = "information/informationList.aspx";
        }
        var MSG1 = new CLASS_MSN_MESSAGE("aa", 210, 126, "", "系统消息", "您有" + number_2 + "件待办事!");
        MSG1.rect(null, null, null, screen.height - 50);
        MSG1.speed = 20;
        MSG1.step = 5;
        MSG1.show();
    }
    //全局变量保存返回ajax结果
    function GetXmlHttpObject(handler) {
        var objXmlHttp = null
        if (navigator.userAgent.indexOf("MSIE") >= 0) {
            var strName = "Msxml2.XMLHTTP"
            if (navigator.appVersion.indexOf("MSIE 5.5") >= 0) {
                strName = "Microsoft.XMLHTTP"
            }
            try {
                objXmlHttp = new ActiveXObject(strName)
                objXmlHttp.onreadystatechange = handler
                return objXmlHttp
            }
            catch (e) {
                var k = "错误。ActiveX脚本可能被禁用"
                M("logindiv").innerHTML = k;
                return
            }
        }
        if (navigator.userAgent.indexOf("Mozilla") >= 0) {
            objXmlHttp = new XMLHttpRequest()
            objXmlHttp.onload = handler
            objXmlHttp.onerror = handler
            return objXmlHttp
        }
    }
    function GetMsg(path) {
        xmlHttp = GetXmlHttpObject(stateChanged);
        xmlHttp.open("post", path, true);
        xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlHttp.send(null);
    }
    var now = new Date();
    function stateChanged() {
        if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
            number = xmlHttp.responseText;
            var arry = new Array();
            arry = number.split('|');
            if (arry[1] > 0) {
                num_all = 1;
                number_1 = arry[1];
                number_2 = arry[2];
                onlod1();
            }
            else if (arry[1] == 0) {
                number_2 = arry[2];
                if (arry[2] > 0) {
                    if (now.toLocaleTimeString().substring(0, 4) == "11:30" || now.toLocaleTimeString().substring(0, 4) == "17:30") {
                        onlod2();
                    }
                }
            }
        }
    }
</script>我现在的问题是，5秒前后弹出两个DIV会闪动,且不能操作div和页面，怎么解决。

调试易

仿MSN右下角提示信息js的问题

解决方案 »