zoukankan      html  css  js  c++  java
  • 仿QQ信息弹出


        <script language="javascript" type="text/javascript">
        //<!--
            var h_Body = document.body.clientHeight;
            document.getElementById("details").style.height = h_Body - 72;              
          
            var PopWidth = 260; //信息框宽度
            var PopHeight = 180; //信息框高度
            var PopBorder = 25; //距屏幕边缘的距离
            var PopShow = 10000; //信息框的显示时间
            var PopTop = 0;
            var showtime, hidetime;
            var oPopup = window.createPopup();
            function popmsg(msgstr)
            {
                var winstr="<table  valign=\"top\" style=\"border: 1 solid #6D93C8\" width='" + PopWidth + "' height='"
                                 + PopHeight + "' border=\"0\" cellpadding=\"0\" cellspacing=\"0\" >";  
                winstr+="<tr><td bgcolor=\"#BCCCDF\" onClick=\"parent.pophide();\" valign=\"top\" align=\"center\"  height=\"20\" style=\"font-size:14px; color: #6D93C8; face: Tahoma;filter:Blur(add=1,direction=45,strength=8) \">你有新短消息:</td></tr><tr><td valign=\"top\" align=\"center\"><table valign=\"top\" width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";  
                winstr+="<tr><td valign=\"top\" style=\"font-size:12px; color: #6D93C8; face: Tahoma\">"+msgstr+"</td></tr></table></td></tr></table></div>";  
                 
                oPopup.document.body.innerHTML = winstr;  
                popshow();
                oPopup.document.body.onclick = pophide; //单击信息框时开始隐藏
                //setInterval('window.focus()',0); //让IE重获取焦点 
                //setInterval('window.focus()',0); //让IE重获取焦点
             }    
           //信息框显示程序
            function popshow() {
                //当不足以显示信息框全部时,缩小信息框高度
                var tmpHeight = PopTop < PopHeight ? PopTop : PopHeight;

                //信息框定位,screen.width:屏幕宽度、screen.height:屏幕高度
                oPopup.show(screen.width - (PopWidth + PopBorder), screen.height - PopTop, PopWidth, tmpHeight);
               
                if (PopTop < (PopHeight + PopBorder)) {
                    PopTop = PopTop + 10; //信息框位置递增
                }
                else {
                    setTimeout("pophide();", PopShow); //准备隐藏信息框  一直显示
                }
                showtime = setTimeout("popshow();", 100);
            }
            //信息框隐藏程序
            function pophide() {
                if (showtime) {
                    clearTimeout(showtime); //清除显示时间句柄
                }
                var tmpHeight = PopTop < PopHeight ? PopTop : PopHeight;
                oPopup.show(screen.width - (PopWidth + PopBorder), screen.height - PopTop, PopWidth, tmpHeight);
                if (PopTop > 0) {
                    PopTop = PopTop - 10;
                    hidetime = setTimeout("pophide();", 100);
                }
                else {
                    clearTimeout(hidetime);
                    oPopup.hide();          //完全隐藏信息框
                }
            }
            /*提示间隔时间*/ 
            var secs=10;//第一次提示时间秒  
            function checkServer(secs)
            {  
                for(i=1;i<=secs;i++)
                {  
                  window.setTimeout("update(" + i + ")", i * 1000);  
                }  
            }  
            function update(num) {  
               if(num == secs)
               {
                 var isRemind=document.getElementById("isRemind").checked;
                 var RemindTime = document.getElementById('ddlRemindTime').value;
                 if(isRemind)
                 {                
                     var out=Main.GetMSG("<%=this.UserId %>").value
                     if(out.length>0)
                     {
                        popmsg("<BR>"+out);
                     }
                     secs=1*RemindTime;//提示时间秒  
                     for(i=1;i<=secs;i++)
                     {  
                        window.setTimeout("update(" + i + ")", i * 1000);  
                     }
                 }
                 else
                 {
                     secs=1*RemindTime;//提示时间秒  
                     for(i=1;i<=secs;i++)
                     {  
                        window.setTimeout("update(" + i + ")", i * 1000);  
                     }
                 }
               }  
               else
               {  
                  printnr = secs-num;
               }  
            }  
            checkServer(secs);
        // -->
        </script>

    因为爱上你,我才懂得珍惜,每一天日记,都写满了甜蜜
    因为想念你,我每天都可以,对着镜子说我多爱你,有多想见到你。
  • 相关阅读:
    白话SSL协议的握手过程
    PHP进程高负载
    Apache不定时宕机
    KindEditor
    过滤进程命令
    LAMP 平台必建安装包
    scp command
    ssl_request_log日志拆分
    Day01:Python入门
    Day03:集合、文件处理和函数基础
  • 原文地址:https://www.cnblogs.com/jackzhang/p/1412401.html
Copyright © 2011-2022 走看看