愚人节的时候,发现手机百度网页版出了一个有意思的小彩蛋:会在屏幕上放上一根毛,非常逼真。于是乎就把它给存了下来,并进行了一点点优化改进——限制了最大宽度,并加入了随机旋转角度,这下效果更加完美了。
以下是优化后的完整 js 代码,将代码插入到你的网页中即可看到效果! 代码中的图片地址可能后续会失效,建议保存到本地使用。
/***
* 愚人节彩蛋 - 你屏幕上有根毛
* 出处:https://xwenw.com/268821.html
* 整理:小闻网 https://xwenw.com/
*/
!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);
} ();
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)