博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
开源中国愚人节网页变模糊的js blur代码
阅读量:6089 次
发布时间:2019-06-20

本文共 1097 字,大约阅读时间需要 3 分钟。

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秒钟,你会发现网页全变模糊了,刚以为是浏览器问题,然后看了网页源码。就是加了一段代码就能实现。呵呵  分享给大家

转载于:https://www.cnblogs.com/ranran/p/3638542.html

你可能感兴趣的文章
Linux系统磁盘管理
查看>>
hdu 2191 (多重背包+二进制优化)
查看>>
home.php
查看>>
neo4j---删除关系和节点
查看>>
redis分布式锁redisson
查看>>
什么样的企业可以称之为初创企业?
查看>>
Python爬虫之BeautifulSoup
查看>>
《HTML 5与CSS 3权威指南(第3版·下册)》——第20章 使用选择器在页面中插入内容...
查看>>
如何判断自己适不适合做程序员?这几个特点了解一下
查看>>
newinstance()和new有什么区别
查看>>
android下载封装类
查看>>
[node] 用 node-webkit 开发桌面应用
查看>>
Nginx访问控制和虚拟主机
查看>>
report widget not working for external users
查看>>
windows phone 摄像头得到图片是旋转90°
查看>>
Linux--sed使用
查看>>
没有显示器的情况下安装和使用树莓派
查看>>
【android】使用handler更新UI
查看>>
mochiweb 源码阅读(十五)
查看>>
前端面试中的常见的算法问题
查看>>