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

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. $.mxblur = {
13. interID : null,
14. num: 0.01,
15. begin : function() {
16. jQuery.mxblur.blur( jQuery.mxblur.num );
17. if(jQuery.mxblur.num > 3) {
18. jQuery.mxblur.num = 0;
19. if(confirm("少年！是不是代码写多了？眼睛模糊了？")) {
20. alert("太累啦，就该歇歇啦，愚人节快乐:)");
21. clearInterval(jQuery.mxblur.interID );
22. jQuery.mxblur.blur(0);
23. document.cookie = "lu=lu";
24. }
25. }
26. jQuery.mxblur.num = jQuery.mxblur.num  + 1 /100;
27. },
28. blur : function() {
29. $("body").css("-webkit-filter","blur("+$.mxblur.num+"px)");
30. $("body").css("-moz-filter","blur("+$.mxblur.num+"px)");
31. $("body").css("-o-filter","blur("+$.mxblur.num+"px)");
32. $("body").css("-ms-filter","blur("+$.mxblur.num+"px)");
33. $("body").css("filter","blur("+$.mxblur.num+"px)");
34. $("body").css("filter","url(blur.svg#"+ $.mxblur.num.toFixed(1) +")");
35. }
36. }
37. </script>
38. <![endif]>

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