手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

JQuery插件:showMsg

首页 > Javascript >

 

JavaScript代码
  1. <SCRIPT type=text/javascript>   
  2. jQuery.fn.showMsg=function(json)   
  3. {      
  4.     if(json==null)   
  5.         json={};   
  6.     var bodyScrollSize=this.getBodyScrollSize();   
  7.     var bodySize=this.getBodySize();   
  8.     var left=bodyScrollSize.left;   
  9.     var top=bodyScrollSize.top;   
  10.     if(json.autoMiddle!=true)   
  11.     {   
  12.         if(json.left)left=left+json.left;   
  13.         if(json.top)top=top+json.top;   
  14.     }   
  15.     else if(json.autoMiddle==true)   
  16.     {   
  17.         var _w=this.width();   
  18.         var _h=this.height();   
  19.         top=(bodySize.height-_h)/2 + top;   
  20.         left=(bodySize.width-_w)/2;   
  21.     }   
  22.     if(top+this.height()>bodyScrollSize.height)   
  23.         bodyScrollSize.height=top+this.height();   
  24.     if(left+this.width()>bodyScrollSize.width)   
  25.         bodyScrollSize.width=left+this.width();   
  26.        
  27.     if(json.coverBody==true)   
  28.     {   
  29.         $("<iframe id='jq_effect_backGroundIframe' style='z-index:1;filter:mask();overflow:hidden;border:0px;margin:0; padding:0;position:absolute;width:"+bodyScrollSize.width+"px;height:"+bodyScrollSize.height+"px;top:0px;left:0px' scrolling='auto' frameborder='0' ></iframe>").appendTo("body");    
  30.         var jqCover=$("<div id='jq_effect_backGroundDiv'></div>");   
  31.         var _css = { "background-color":json.color==undefined?"#000":json.color, "position":"absolute","overflow":"hidden""-moz-opacity""0.75" , "filter":"alpha(opacity=75)","z-index":"2" ,"opacity":"0.75""top" : "0px" , "left":"0px","width":bodyScrollSize.width,"height":bodyScrollSize.height };            
  32.         jqCover.css(_css);    
  33.         jqCover.appendTo("body");    
  34.     }   
  35.     if(typeof(json.msg)!="undefined")   
  36.         this.html(json.msg);   
  37.     this.css("height","auto");   
  38.     this.css("position","absolute").css("z-index","100");   
  39.     this.css("left",left+"px").css("top",top+"px").fadeIn("slow");   
  40.     if(jQuery.msgShowObj!=undefined)   
  41.     {   
  42.         try{jQuery.msgShowObj.fadeOut('slow');}catch(e){};   
  43.     }   
  44.     jQuery.msgShowObj=this;   
  45.     if(typeof(json.callback)!="undefined")   
  46.         jQuery.msgCallBack=json.callback;   
  47.     else  
  48.         jQuery.msgCallBack=null;   
  49.     jQuery.cc=undefined;   
  50.     if(json.autoClose!=false)   
  51.     {   
  52.         jQuery.cc=window.setTimeout("try{jQuery.msgShowObj.closeMsg();}catch(e){}",json.time==undefined?2000:json.time);   
  53.     }   
  54.     return this;   
  55. }   
  56. jQuery.fn.closeMsg=function()   
  57. {   
  58.     this.fadeOut('slow',jQuery.msgCallBack);   
  59.     jQuery.msgShowObj=undefined;   
  60.     $('#jq_effect_backGroundIframe').remove();   
  61.     $('#jq_effect_backGroundDiv').remove();   
  62.        
  63.     return this;   
  64. }   
  65.   
  66. jQuery.fn.getBodyScrollSize=function()   
  67. {   
  68.     var bodySL, bodyST, bodySW, bodySH;    
  69.     if(window.pageXOffset)    
  70.     {   
  71.         bodySL=window.pageXOffset;    
  72.         bodySW=window.innerWidth;    
  73.         bodyST=window.pageYOffset;    
  74.         bodySH=window.innerHeight;    
  75.     }   
  76.     else if(document.documentElement)    
  77.     {      
  78.         bodySL=document.documentElement.scrollLeft;    
  79.         bodySW=document.documentElement.scrollWidth; //-10   
  80.         bodyST=document.documentElement.scrollTop;    
  81.         bodySH=document.documentElement.clientHeight>document.documentElement.scrollHeight?document.documentElement.clientHeight:document.documentElement.scrollHeight;   
  82.     }   
  83.     else if(document.body)    
  84.     {   
  85.         bodySL=document.body.scrollLeft;    
  86.         bodySW=document.body.scrollWidth;    
  87.         bodyST=document.body.scrollTop;    
  88.         bodySH=document.body.clientHeight>document.body.scrollHeight?document.body.clientHeight:document.body.scrollHeight;   
  89.     }   
  90.   
  91.     return {"top":bodyST,"left":bodySL,"width":bodySW,"height":bodySH};   
  92. }   
  93.   
  94. jQuery.fn.getBodySize=function(){   
  95.     var bodyCW, bodyCH;    
  96.     if(window.innerWidth)    
  97.         bodyCW=window.innerWidth;    
  98.     else if(document.documentElement&&document.documentElement.clientWidth)    
  99.         bodyCW=document.documentElement.clientWidth;    
  100.     else if(document.body)    
  101.         bodyCW=document.body.clientWidth; //author: meizz    
  102.   
  103.     if(window.innerHeight)    
  104.         bodyCH=window.innerHeight;    
  105.     else if(document.documentElement&&document.documentElement.clientHeight)    
  106.         bodyCH=document.documentElement.clientHeight;    
  107.     else if(document.body)    
  108.         bodyCH=document.body.clientHeight;    
  109.        
  110.     return {"width":bodyCW,"height":bodyCH};   
  111. }   
  112.   
  113. function _alert(){   
  114.     alert("OK");   
  115. }   
  116. </SCRIPT>  



本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"易栈网-膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

« 上一篇 | 下一篇 »

3条记录访客评论

1111

Post by 1 on 2016, July 18, 11:04 AM 引用此文发表评论 #1

3256326

Post by 午饭前儿童 on 2016, July 13, 10:42 AM 引用此文发表评论 #2

bbgghh

Post by ccc on 2016, April 13, 11:28 AM 引用此文发表评论 #3


发表评论

评论内容 (必填):