哥是玩程序的

开发 后端 项目管理
下面一组有趣的Web示例,这些示例使用Web的一些很“土”控件做出一些很有趣的玩意儿。原来,编程是可以用来玩的,看看这些玩程序的人搞出的这些有意思的玩意,简直是玩得太有意思了。不过,请注意,这些东西只能使用Chrome打开,不然,你看不到相关的效果。

下面一组有趣的Web示例,这些示例使用Web的一些很“土”控件做出一些很有趣的玩意儿。原来,编程是可以用来玩的,看看这些玩程序的人搞出的这些有意思的玩意,简直是玩得太有意思了。不过,请注意,这些东西只能使用Chrome打开,不然,你看不到相关的效果。

用滚动条做的时间

http://toki-woki.net/p/scroll-clock/,下面的抓图只显示了时和分,后面还有不停跳动的秒。可以在IE,Fireforx和Chrome中查看。

用滚动条做的时间

用CheckBox做成一个水滴效果

http://the389.com/works/drops/,这个示例的整个页面由Checkbox构成,你用鼠标点一下其中一个CheckBox,你会看到一个巨大的水滴滴了下去。Chrome中效果更好。

用checkbox做的雨滴效果

 

一个用滚动条做的扭动效果

http://the389.com/works/shake/,页面打开你可以看到一排滚动条,用鼠标快速地横向滑动,你会看到滚动条开始跟着你的鼠标扭动。太BT了。请使用Chrome查看。

一个可以扭曲的滚动条

用CheckBox做的一个音阶

http://the389.com/works/tenori/,这个效果还是只能用Chrome查看。随机地点一下其中的Checkbox,于是程序会根据你所点的顺序开始演奏一些“滴滴嘟嘟”的声音,很有意思。

用CheckBox作的音阶

用滚动条做的一个波浪效果

http://the389.com/works/scrollbars/,还是用鼠标触发,把鼠标放在这一排滚动条中上下移动,你会发现滚动条会跟着你的鼠标形成波浪的效果。还是只能在Chrome中查看。

用滚动条做的波形

the389.com这个网站成了这些乱七八糟的小玩意的试验地,上面还有其它一些这些类似的小玩意。呵呵,不要迷恋哥,哥只是玩程序。

另外,在Chrome的试验田,你还可以看到很多这样的东西,甚至更弦的东西。只不过,Chrome试验田的那些小玩意看着不够“土”,所以效果不够好。呵呵。

http://www.chromeexperiments.com/

原文链接:http://coolshell.cn/articles/1932.html

责任编辑:陈四芳 来源: 酷壳网
相关推荐

2020-06-08 13:41:31

戴尔

2024-03-15 08:06:58

MySQLJOIN命令

2022-06-21 14:18:06

RBACTienChin项目

2024-07-26 15:58:55

2020-05-28 15:41:48

微软C+语言

2021-02-07 08:13:18

@DateTimeFo@NumberFormSpring

2013-05-29 10:42:59

阿里巴巴阿里巴巴菜鸟大数据

2020-07-20 16:46:58

戴尔

2016-12-28 14:51:46

大数据应用

2023-05-03 21:14:05

UbuntuwindowsIntel

2011-11-25 15:34:33

2014-03-31 14:59:08

大数据

2024-06-28 12:47:29

C#弱引用底层

2017-09-19 14:13:53

Snapshot数据库HBase

2017-01-09 10:24:51

小程序v

2021-01-04 14:16:01

小程序地图腾讯

2022-05-30 16:19:26

C#多态底层虚方法

2022-08-25 09:08:40

微服务架构

2009-05-20 10:21:11

九城网易暴雪

2014-11-24 09:45:26

点赞
收藏

51CTO技术栈公众号