zoukankan      html  css  js  c++  java
  • jquery 消息框

    (function(jQuery){
     messager:{
            size:{250,height:150},
            title:"信息提示",
            time:4000,
            timer:null,
            timerTitle:null,
            docTitle:"",
            init:function(title,text){
                if($("#message").is("div"))return;
                var date  =new Date();
                var obj=$('<div id="message" class="layer" style="z-index:10000;'+this.size.width+'px;height:'+this.size.height+'px;position:absolute;display:none;overflow:hidden;right:0"><iframe src="javascript:false" style="position:absolute;visibility:inherit;top:20px;left:20px;1000px;height:1000px;z-index:-1;filter=\'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)\'"></iframe><div class="layerT"><div class="layerTLeft"><div class="layerTMid"><h2>'+title+'</h2><p class="closeP"><input type="button" class="close" /></p></div></div></div><div class="cBox" style="height:'+(this.size.height-30)+'px\"><div>系统消息['+date.toLocaleTimeString()+']</div></br><a href="/Manage/MsgInfo/MsgManage.aspx">'+text+'</a></div></div>');
                $(document.body).prepend(obj);
             obj.hover(
                 function(){clearTimeout(this.timer);this.timer=null;},
                 function(){if(this.time>0)timer=setTimeout($.messager.close,this.time);}
          ).find("input:first").click(function(){
                    setTimeout($.messager.close,1);
             });
             docTitle=document.title;
             timerTitle=setInterval(function(){
                 if(document.title==docTitle)
                     document.title="【新消息】                        ";
                 else
                     document.title=docTitle;
             },1000);
             $(document).click(function(){
                 clearInterval(timerTitle);
                 document.title=docTitle;
             });
             $(window).focus().scroll(function(){
                    obj.css("bottom",-document.documentElement.scrollTop);
                });
                return obj;
            },
            show:function(title,text,time){
                if($("#message").is("div"))return;
                document.Title ="dfdf";
                if(title=="")title=this.title;
                this.init(title,text)
          .css("bottom",-document.documentElement.scrollTop).slideDown(800);
          if(time>=0)this.time=time;
          if(this.time>0)timer=setTimeout(this.close,this.time);
            },
            setSize:function(width,height){
                if($("#message").is("div"))return;
          if(width!=0&&width)this.size.width=width;
          if(height!=0&&height)this.size.height=height;
         },
         reset:function(){
          this.size={250,height:150};
          this.title='信息提示';
          this.time=4000;
         },
         close:function(){
          $("#message").fadeOut(600);
          setTimeout('$("#message").remove()',600);
          $.messager.reset();
         }
        }
    }
  • 相关阅读:
    Java代理(静态/动态 JDK,cglib)
    Java数据库基础(JDBC)
    Servlet基础(工作原理、生命周期)
    Java XML DOM解析(xPath)
    java 文件操作
    从源码看集合ArrayList
    全面理解java异常机制
    python3 利用pip安装ipython notebook
    Centos的一个find命令配合rm删除某天前的文件
    在Pandas中直接加载MongoDB的数据
  • 原文地址:https://www.cnblogs.com/xianzuoqiaoqi/p/1574017.html
Copyright © 2011-2022 走看看