你屏幕上有根毛

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

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

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://www.99zc.com//uploads/allimg/20231028/1-23102R33551537.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);
} ();


  • 支付宝二维码 支付宝
  • 微信二维码 微信

本文地址: http://99zc.com/Experience/65.html

版权声明:本文为原创文章,版权归  淡定个人博客 所有,欢迎分享本文,转载请保留出处!

相关文章
加载中~