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>

    因为爱上你,我才懂得珍惜,每一天日记,都写满了甜蜜
    因为想念你,我每天都可以,对着镜子说我多爱你,有多想见到你。
  • 相关阅读:
    yii2 gii 命令行自动生成控制器和模型
    控制器中的方法命名规范
    Vue Property or method "" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based
    IDEA插件:GsonFormat
    Spring Boot : Access denied for user ''@'localhost' (using password: NO)
    Typora添加主题
    Git基础命令图解
    Java Joda-Time 处理时间工具类(JDK1.7以上)
    Java日期工具类(基于JDK1.7版本)
    Oracle SQL Developer 连接Oracle出现【 状态: 失败 -测试失败: ORA-01017: invalid username/password; logon denied】
  • 原文地址:https://www.cnblogs.com/jackzhang/p/1412401.html
Copyright © 2011-2022 走看看