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

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

  1. !function() {
  2. var bottom = Math.floor(60 * Math.random()),
  3. right = Math.floor(50 * Math.random()),
  4. rotate = Math.floor(360 * Math.random());
  5. var foolsEgg = document.createElement("img");
  6. foolsEgg.src = "https://search-operate.cdn.bcebos.com/b028c278cbb84660f8bde79d819bc30b.png";
  7. foolsEgg.style.position = "fixed";
  8. foolsEgg.style.bottom = "".concat(bottom, "%");
  9. foolsEgg.style.right = "".concat(right, "%");
  10. foolsEgg.style.zIndex = "9999";
  11. foolsEgg.style.pointerEvents = "none";
  12. foolsEgg.style.width = "40%";
  13. foolsEgg.style.maxWidth = "190px";
  14. foolsEgg.style.transform = "".concat("rotate(", rotate, "deg)");
  15. document.body.append(foolsEgg);
  16. } ();
11111
既然今年的愚人节早已过去,那就留着明年再用吧……

温馨提示! 您需要登录后才能查看内容
点赞(14) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部