HQY 一个和谐有爱的空间

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

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

/***

 * 愚人节彩蛋 - 你屏幕上有根毛

 * 出处：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);

} ();

推荐本站淘宝优惠价购买喜欢的宝贝:

本文链接：https://hqyman.cn/post/10372.html 非本站原创文章欢迎转载，原创文章需保留本站地址！

休息一下~~