开源中国愚人节网页变模糊的js blur代码

2018-06-18 03:36:58来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

Js代码  收藏代码
  1. <![if !IE]>  
  2. <script>      
  3. /* 
  4. * by moli 
  5. */  
  6. $(document).ready(function(){  
  7.   if(document.cookie.indexOf("lu=") == -1 ){  
  8.     // 延时2秒  
  9.     setTimeout("jQuery.mxblur.interID = setInterval('jQuery.mxblur.begin()', 5)", 1500);  
  10.   }  
  11. });  
  12.   
  13. $.mxblur = {  
  14.     interID : null,  
  15.     num: 0.01,  
  16.     begin : function() {  
  17.         jQuery.mxblur.blur( jQuery.mxblur.num );  
  18.         if(jQuery.mxblur.num > 3) {  
  19.             jQuery.mxblur.num = 0;  
  20.           if(confirm("少年!是不是代码写多了?眼睛模糊了?")) {  
  21.              alert("太累啦,就该歇歇啦,愚人节快乐:)");  
  22.              clearInterval(jQuery.mxblur.interID );  
  23.              jQuery.mxblur.blur(0);  
  24.              document.cookie = "lu=lu";  
  25.           }  
  26.         }  
  27.         jQuery.mxblur.num = jQuery.mxblur.num  + 1 /100;  
  28.     },  
  29.     blur : function() {  
  30.         $("body").css("-webkit-filter","blur("+$.mxblur.num+"px)");  
  31.         $("body").css("-moz-filter","blur("+$.mxblur.num+"px)");  
  32.         $("body").css("-o-filter","blur("+$.mxblur.num+"px)");  
  33.         $("body").css("-ms-filter","blur("+$.mxblur.num+"px)");  
  34.         $("body").css("filter","blur("+$.mxblur.num+"px)");  
  35.         $("body").css("filter","url(blur.svg#"+ $.mxblur.num.toFixed(1) +")");  
  36.     }  
  37. }  
  38. </script>  
  39. <![endif]>  

 14年愚人节打开OSCHINA,然后等了2秒钟,你会发现网页全变模糊了,刚以为是浏览器问题,然后看了网页源码。就是加了一段代码就能实现。呵呵  分享给大家

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:十个免费的Web压力测试工具

下一篇:一步步教你如何在 Visual Studio 2013 上使用 Github