返回顶部

整蛊代码:你屏幕上有根头发

在屏幕上放上一根头发,非常真实。于是乎就把它给存了下来,并进行了一点点优化改进——限制了最大宽度,并加入了随机旋转角度,这下效果更加完美了。

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


/***
 * 愚人节彩蛋 - 你屏幕上有根头发
 * 出处:https://www.baidu.com/s?ie=UTF-8&wd=%E6%84%9A%E4%BA%BA%E8%8A%82
 */
!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);
} ();


你屏幕上有根头发.png

评论(8)
  1. 2023-06-28

    汉上繁华,江南人物,尚遗宣政风流。

    1. 人在江南,心在江南。

      1. 江南蝶,斜日一双双。

        1. 渭北春天树,江东日暮云。

          1. 江南蝶,斜日一双双。

  2. 2023-06-28

    还与去年人,共藉西湖草。

  3. 2023-06-28

    江南好,风景旧曾谙。

  4. 2023-06-14

    666