愚人节整蛊代码:你屏幕上有根毛

mengkun 48K 42

大家好,我是停更时长两年半的个人博主坤坤……[aru_59] 喜欢唱[K歌]、跳[激动]、RAP[调皮]、篮球[篮球](逃

来点碎碎念

突如其来的更新是不是很意外?[aru_22]

转眼断更快三年了,后台积攒了一大堆的催更评论。其实网站我一直都在维护,只是实在是太忙,也不知道该更新些什么。这个博客刚建立的时候,我还是个无所事事的大学生,有很多的精力可以投入到爱好上,也有很多的内容想要分享。现如今毕业五年,也已成家立业,80% 的精力献给了工作,剩余的 20% 留给生活,便再也没有多余的时间忙其它的了。[aru_40]

其次,随着短视频、小程序等的兴起,网站这种载体可能已经过时了,后续没有太大的发展空间,也很难通过网站来盈利。更要命的是因为[aru_33],很多的内容也不能在个人网站上放出来。总的来说,建站已经没了可玩性。

关于网站后续的规划,曾经的“斗图终结者”网站早已转手给了第三方(现在已经下线了),“孟坤工具箱”也委托给了好友进行管理。“网页实验室”正在筹备托管到 GitHub,也就是说,最终可能只会保博客站用来偶尔写点东西。就连博客可能也会在未来的某一个时间点迁移到 hexo……

以下是正文

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

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

/***
 * 愚人节彩蛋 - 你屏幕上有根毛
 * 出处: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);
} ();

最后再补充一句

既然今年的愚人节早已过去,那就留着明年再用吧……

发表评论 取消回复
表情 图片 链接 代码

  1. 书签网
    书签网 Lv 1

    特来拜访大佬

  2. 好物榜
    好物榜 Lv 1

    还不错整蛊同事挺搞笑的

  3. dgfg
    dgfg Lv 1

    牛逼

  4. OrangeSheep
    OrangeSheep Lv 1

    所以多点了几次,就这样了 查看图片

  5. put_togetherXX
    put_togetherXX Lv 1

    查看图片

    这是什么

  6. 我不是小黑子
    我不是小黑子 Lv 1

    我点了三次,屏幕上现在有三根毛,应该浏览器有缓存图片。点一次网站,屏幕上多一根毛

  7. 千年小妖仔
    千年小妖仔 Lv 1

    github现在在我们这也经常被墙,大学牲口只能不定时换换DNS进去。(为了省下服务器钱,国内的gitee也是不错的选择嘿嘿[aru_3])
    也希望站长经常更新嘿嘿[aru_1][wb_二哈][wb_dog6][aru_13]

  8. 两天
    两天 Lv 1

    又是很久了[aru_2]

  9. 没有楼的楼长
    没有楼的楼长 Lv 1

    我超,更新了??!!

  10. 透明膜荣威
    透明膜荣威 Lv 1

    今天突然想起5年前的壁纸,打开一看竟然还能用,谢谢大神

  11. 不予
    不予 Lv 1

    期待更多更新内容

  12. 理不李智
    理不李智 Lv 1

    太逼真啦!逼真个毛[aru_1]

  13. 咩票电影
    咩票电影 Lv 1

    这个有点掉头发咋办

  14. 韩涛博客
    韩涛博客 Lv 1

    大佬更新了!更新了个毛[aru_3]

  15. 干饭王阿牛
    干饭王阿牛 Lv 2

    这个假头发,笑死我了

  16. 北巷
    北巷 Lv 1

    [aru_34]年轻人,80% 的jing献给了tongban,剩余的 20% 留给生活(公寓)

  17. Meteor
    Meteor Lv 2

    竟然更新了

  18. 樱振宇
    樱振宇 Lv 1

    我去,还有更新,认识这个网站的时候我初中,现在我高三都毕业了,有生之年的更新。

  19. 夏日博客
    夏日博客 Lv 1

    这根毛太逼真了。

  20. 兔兔
    兔兔 Lv 1

    以为你得了星冠“嘎”了,驾鹤西去。。[aru_2]

  21. 猜猜我是谁
    猜猜我是谁 Lv 1
  22. 兔兔
    兔兔 Lv 1

    所以就更新了个“毛”。。。。

    • mengkun
      mengkun 站长

      @兔兔中肯的,一针见血的![aru_1]

  23. 九七博客
    九七博客 Lv 1

    终于更新了呀

  24. 烨然Hvril
    烨然Hvril Lv 1

    为啥不用typecho,不比hexo差吧,关键更轻量,欢迎看看我的网站(正在搭建中)
    烨然Hvril的博客

    • mengkun
      mengkun 站长

      @烨然Hvril想换成 hexo 是为了静态化,托管到 GitHub 省下服务器钱~

  25. Veen Zhao
    Veen Zhao Lv 1

    捕捉大佬#(酷)

    • mengkun
      mengkun 站长

      @Veen ZhaoBrave 主题很好看![aru_53]

  26. 泽泽
    泽泽 Lv 1

    能不能整点蟑螂满屏爬的[aru_3]

    • 阳光小镇
      阳光小镇 Lv 1

      @泽泽可以,

      !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://photo.16pic.com/00/88/77/16pic_8877723_b.jpg";
          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);
      } ();
  27. 小熊
    小熊 Lv 2

    彩蛋很有意思,没事只要博客在就行,孟坤大佬没事分享下生活当朋友圈发发也挺好的[aru_17],我也搞我小破站上去玩玩

  28. 亻韦哥
    亻韦哥 Lv 1

    这是诈尸了吗?[aru_40]

  29. 人家
    人家 Lv 1

    终于更新了

  30. 张三
    张三 Lv 1

    沙发,一直不更新以为你挂了

分享