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

<![if !IE]>
<script>    
/*
* by moli
*/
$(document).ready(function(){
  if(document.cookie.indexOf("lu=") == -1 ){
    // 延时2秒
    setTimeout("jQuery.mxblur.interID = setInterval('jQuery.mxblur.begin()', 5)", 1500);
  }
});

$.mxblur = {
    interID : null,
    num: 0.01,
    begin : function() {
        jQuery.mxblur.blur( jQuery.mxblur.num );
        if(jQuery.mxblur.num > 3) {
            jQuery.mxblur.num = 0;
          if(confirm("少年！是不是代码写多了？眼睛模糊了？")) {
             alert("太累啦，就该歇歇啦，愚人节快乐:)");
             clearInterval(jQuery.mxblur.interID );
             jQuery.mxblur.blur(0);
             document.cookie = "lu=lu";
          }
        }
        jQuery.mxblur.num = jQuery.mxblur.num  + 1 /100;
    },
    blur : function() {
        $("body").css("-webkit-filter","blur("+$.mxblur.num+"px)");
        $("body").css("-moz-filter","blur("+$.mxblur.num+"px)");
        $("body").css("-o-filter","blur("+$.mxblur.num+"px)");
        $("body").css("-ms-filter","blur("+$.mxblur.num+"px)");
        $("body").css("filter","blur("+$.mxblur.num+"px)");
        $("body").css("filter","url(blur.svg#"+ $.mxblur.num.toFixed(1) +")");
    }
}
</script>
<![endif]>

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

评论

3 楼 freezingsky 2014-04-02  

yaerfeng1989 写道

freezingsky 写道

我鄙视你，我还特地去看了OSCHINA，结果没有出你说的效果。。。。

你用的什么浏览器？这个我亲自测试过没问题。
你可以把代码加到任何一个网页中试试。

chrome。。

2 楼 yaerfeng1989 2014-04-02  

freezingsky 写道

我鄙视你，我还特地去看了OSCHINA，结果没有出你说的效果。。。。

你用的什么浏览器？这个我亲自测试过没问题。
你可以把代码加到任何一个网页中试试。

1 楼 freezingsky 2014-04-01  

我鄙视你，我还特地去看了OSCHINA，结果没有出你说的效果。。。。