zoukankan      html  css  js  c++  java
  • 系统消息发现有新的未读消息弹框提示

    //获取弹框

    <script>

    function tips_pop(){
                var MsgPop=document.getElementById("winpop");
                var popH=parseInt(MsgPop.style.height);
                if (popH==0){   
                    MsgPop.style.display="block";
                    show=setInterval("changeH('up')",2);
                }
                else {
                hide=setInterval("changeH('down')",2);
                }
            }
            function changeH(str) {
                var MsgPop=document.getElementById("winpop");
                var popH=parseInt(MsgPop.style.height);
                if(str=="up"){
                    if (popH<=100){
                        MsgPop.style.height=(popH+4).toString()+"px";
                    }
                    else{
                        clearInterval(show);
                    }
                }
                if(str=="down"){
                    if (popH>=4){
                        MsgPop.style.height=(popH-4).toString()+"px";
                    }
                    else{
                        clearInterval(hide);
                        MsgPop.style.display="none";
                    }
                }
            }
            window.onload=function(){
                document.getElementById('winpop').style.height='0px';
                setTimeout("tips_pop()",800);
            }

    </script>

    //div内容和刷新新消息

    <div id="winpop">
    <div class="title">您有新的消息<span class="close" onclick="tips_pop()">×</span></div>
    <div id="notifications">

    </div>

    //获取消息提醒状态值
    function winpop(){
      var state = '0';
      $.get("${ctx}/sys/msgUser/getMsgUserType?state="+state+"&t="+new Date().getTime(), function(data){
        $("#notifications").html(data);
      });   
    }
    winpop();
    //定时刷新获取最新未读消息
    setInterval(function(){
      $("#winpop").load(winpop(),"");
    }, 10000);
    我于荒颓中睁眼 亦从灰烬里重燃
  • 相关阅读:
    KVM虚拟化学习笔记系列文章列表(转)
    centos 6.5安装docker报错(查看报错详细信息--推荐)
    利用JMX统计远程JAVA进程的CPU和Memory---jVM managerment API
    OpenJDK和JDK区别
    docker sshd image problem, session required pam_loginuid.so, cann't login
    ssh-keygen
    优秀的软件测试人员必需具备的素质
    java基础篇---I/O技术
    jstl long类型数据转换为日期格式
    apache-hadoop-1.2.1、hbase、hive、mahout、nutch、solr安装教程
  • 原文地址:https://www.cnblogs.com/Wtingting/p/6694713.html
Copyright © 2011-2022 走看看