左耳朵耗子的博客， coolshell，有一个很好玩的东西，右上角有一个不太显眼的地方，“High 一下!”，点击之后，整个网站都动起来了，请问这个是怎么回事？

CoolShell

耗子

科普

显眼

42 条回复 • 2017-04-22 16:33:55 +08:00

1

jarlyyn

2017-04-11 01:01:24 +08:00

2

……

或许楼主需要这个

https://daneden.github.io/animate.css/

2

ob

2017-04-11 01:08:02 +08:00 via Android

突然还有声音，睡觉的都被吵醒。。

3

ericgui

OP

2017-04-11 01:08:40 +08:00

@ob 第一次玩的时候，感觉很带感，呵呵

4

duxiansen

2017-04-11 01:14:26 +08:00

1

可以把 high 一下拖到书签位置，然后打开其他网站再点击书签，同样有效

5

ericgui

OP

2017-04-11 01:26:46 +08:00

@duxiansen 我已经把这个代码复制下来了，准备有空试试，呵呵

6

Showfom

2017-04-11 01:44:13 +08:00

......楼主你大半夜的

7

knightdf

2017-04-11 08:50:51 +08:00

就是一段 JS 代码，我都收藏好几年了

8

viazure

2017-04-11 09:19:51 +08:00

有点意思。

9

real3cho

2017-04-11 09:38:11 +08:00

High 一下之后看博客更带感(滑稽)

10

fomenyesu

2017-04-11 09:57:10 +08:00

逼格~

11

lycos

2017-04-11 10:06:49 +08:00

只有 logo 在动

12

we3613040

2017-04-11 10:35:04 +08:00

挺好玩的东西

13

ericgui

OP

2017-04-11 10:55:35 +08:00

@lycos 让子弹飞一会

14

ericgui

OP

2017-04-11 11:03:07 +08:00

@real3cho 我有一次连续点击了十几次，太有感了，呵呵

15

langjiyuan

2017-04-11 11:42:13 +08:00

High 起来,在这停顿! 跑题..
挺好玩的效果.

16

wujunze

2017-04-11 11:50:43 +08:00

@duxiansen 拖不到书签里面去 Chrome 浏览器

17

hst001

2017-04-11 11:50:44 +08:00

什么？大清亡了？

18

AlphaTr

2017-04-11 12:02:55 +08:00

找到了这个 https://gist.github.com/devn/5007287

19

chilaoqi

2017-04-11 12:11:11 +08:00

还有声音。。。。

20

artandlol

2017-04-11 12:17:25 +08:00

21

SuT2i

2017-04-11 12:21:23 +08:00

哈哈哈哈玩嗨了放在 v 站首页玩了不下十遍

22

des

2017-04-11 12:33:20 +08:00 via Android

1

@artandlol 第一个头像。。。

23

zencitta

2017-04-11 12:45:50 +08:00

Harlem Shake web version, lol

24

lepig

2017-04-11 12:46:10 +08:00

@artandlol 第一个头像已经亮瞎

25

zhihhh

2017-04-11 12:48:04 +08:00

哈哈哈哈哈

26

haichong20

2017-04-11 12:54:03 +08:00

还有这个(Kick Ass):
https://gist.github.com/jackqt/8abe07ef54e215fd54b4f309d7f016fa

27

Phariel

2017-04-11 12:56:31 +08:00

很早就看过了，哈林摇的效果

好像就是这个博主？

28

flyingghost

2017-04-11 13:12:29 +08:00

哈哈哈哈哈好逗逼的感觉 23333333

29

Biwood

2017-04-11 13:21:17 +08:00

1

这个很简单啊，就是通过浏览器地址栏执行 JS 代码而已，一个简单的例子，把下面的代码拖到书签栏，然后在任一页面点击一下就能看到效果：

javascript:setInterval(() => {document.querySelectorAll('p,img,button,h1,h2,h3').forEach(x=>x.style=`transform:rotate(${Math.random()*777}deg) scale(${Math.random()*3}); transition:all 500ms`)}, 500);