愚人节的时候,发现手机百度网页版出了一个有意思的小彩蛋[aru_12]:会在屏幕上放上一根毛,非常逼真。于是乎就把它给存了下来,并进行了一点点优化改进——限制了最大宽度,并加入了随机旋转角度,这下效果更加完美了。
以下是优化后的完整 js 代码,将代码插入到你的网页中即可看到效果! 代码中的图片地址可能后续会失效,建议保存到本地使用。[aru_22]
/*** * 愚人节彩蛋 - 你屏幕上有根毛 * 出处:https://www.baidu.com/s?ie=UTF-8&wd=%E6%84%9A%E4%BA%BA%E8%8A%82 * 整理:mengkun https://mkblog.cn/ */ !function() { var bottom = Math.floor(60 * Math.random()), right = Math.floor(50 * Math.random()), rotate = Math.floor(360 * Math.random()); var foolsEgg = document.createElement("img"); foolsEgg.src = "https://search-operate.cdn.bcebos.com/b028c278cbb84660f8bde79d819bc30b.png"; foolsEgg.style.position = "fixed"; foolsEgg.style.bottom = "".concat(bottom, "%"); foolsEgg.style.right = "".concat(right, "%"); foolsEgg.style.zIndex = "9999"; foolsEgg.style.pointerEvents = "none"; foolsEgg.style.width = "40%"; foolsEgg.style.maxWidth = "190px"; foolsEgg.style.transform = "".concat("rotate(", rotate, "deg)"); document.body.append(foolsEgg); } ();
最后再补充一句
既然今年的愚人节早已过去,那就留着明年再用吧……
本文作者为孟坤,转载请注明。