愚人节整蛊代码：你屏幕上有根毛

大家好，我是停更时长两年半的个人博主坤坤……[aru_59] 喜欢唱[K歌]、跳[激动]、RAP[调皮]、篮球[篮球]（逃

来点碎碎念

突如其来的更新是不是很意外？[aru_22]

转眼断更快三年了，后台积攒了一大堆的催更评论。其实网站我一直都在维护，只是实在是太忙，也不知道该更新些什么。这个博客刚建立的时候，我还是个无所事事的大学生，有很多的精力可以投入到爱好上，也有很多的内容想要分享。现如今毕业五年，也已成家立业，80% 的精力献给了工作，剩余的 20% 留给生活，便再也没有多余的时间忙其它的了。[aru_40]

其次，随着短视频、小程序等的兴起，网站这种载体可能已经过时了，后续没有太大的发展空间，也很难通过网站来盈利。更要命的是因为[aru_33]，很多的内容也不能在个人网站上放出来。总的来说，建站已经没了可玩性。

关于网站后续的规划，曾经的“斗图终结者”网站早已转手给了第三方（现在已经下线了），“孟坤工具箱”也委托给了好友进行管理。“网页实验室”正在筹备托管到 GitHub，也就是说，最终可能只会保博客站用来偶尔写点东西。就连博客可能也会在未来的某一个时间点迁移到 hexo……

以下是正文

愚人节的时候，发现手机百度网页版出了一个有意思的小彩蛋：会在屏幕上放上一根毛，非常逼真[aru_7]。于是乎就把它给存了下来，并进行了一点点优化改进——限制了最大宽度，并加入了随机旋转角度，这下效果更加完美了。

以下是优化后的完整 js 代码，将代码插入到你的网页中即可看到效果！[aru_31] 代码中的图片地址可能后续会失效，建议保存到本地使用。

/***
 * 愚人节彩蛋 - 你屏幕上有根毛
 * 出处：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);
} ();

最后再补充一句

既然今年的愚人节早已过去，那就留着明年再用吧……

本文作者为mengkun，转载请注明。

js 愚人节整蛊