开源中国愚人节网页变模糊的js blur代码
2018-06-23 22:01:16来源:未知 阅读 ()
- <![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秒钟,你会发现网页全变模糊了,刚以为是浏览器问题,然后看了网页源码。就是加了一段代码就能实现。呵呵 分享给大家
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 【开源我写的富文本】打造全网最劲富文本系列之大话技术难点 2019-05-22
- 【开源我写的富文本】打造全网最劲富文本系列之技术选型 2019-05-13
- Vue基本使用 2019-04-30
- Chrome 百度搜索热点过滤插件 - 开源软件 2018-12-24
- GearCase UI - 自己构建一套基于 Vue 的简易开源组件库 2018-12-09
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash