下面一组有趣的Web示例，这些示例使用Web的一些很“土”控件做出一些很有趣的玩意儿。原来，编程是可以用来玩的，看看这些玩程序的人搞出的这些有意思的玩意，简直是玩得太有意思了。不过，请注意，这些东西只能使用Chrome打开，不然，你看不到相关的效果。
用滚动条做的时间
http://toki-woki.net/p/scroll-clock/，下面的抓图只显示了时和分，后面还有不停跳动的秒。可以在IE，Fireforx和Chrome中查看。
用CheckBox做成一个水滴效果
http://the389.com/works/drops/，这个示例的整个页面由Checkbox构成，你用鼠标点一下其中一个CheckBox，你会看到一个巨大的水滴滴了下去。Chrome中效果更好。
一个用滚动条做的扭动效果
http://the389.com/works/shake/，页面打开你可以看到一排滚动条，用鼠标快速地横向滑动，你会看到滚动条开始跟着你的鼠标扭动。太BT了。请使用Chrome查看。
用CheckBox做的一个音阶
http://the389.com/works/tenori/，这个效果还是只能用Chrome查看。随机地点一下其中的Checkbox，于是程序会根据你所点的顺序开始演奏一些“滴滴嘟嘟”的声音，很有意思。
用滚动条做的一个波浪效果
http://the389.com/works/scrollbars/，还是用鼠标触发，把鼠标放在这一排滚动条中上下移动，你会发现滚动条会跟着你的鼠标形成波浪的效果。还是只能在Chrome中查看。
the389.com这个网站成了这些乱七八糟的小玩意的试验地，上面还有其它一些这些类似的小玩意。呵呵，不要迷恋哥，哥只是玩程序。
另外，在Chrome的试验田，你还可以看到很多这样的东西，甚至更弦的东西。只不过，Chrome试验田的那些小玩意看着不够“土”，所以效果不够好。呵呵。
转自：http://coolshell.cn/articles/1932.html
原创文章，作者：s19930811，如若转载，请注明出处：http://www.178linux.com/2209
相关推荐
-
集中练习3
用户管理、文本处理、文件管理相关
-
简述计算机网络数据链路层
数据链路层 数据链路层是什么? 数据链路层工作在七层网络模型的第二层，它定义了在单个链路上如何传输数据。 数据链路层:是为了提供功能上和规程上的方法，以便建立、维护和释放网络实体间的数据链路 。 物理链路（物理线路）：是由传输介质与设备组成的。原始的物理传输线路是指没有采用高层差错控…
-
linux基础命令
转眼已经过了一周，在南老师的悉心指导下，我学会了一些基础的LINUX命令，下面做一下本周小结。 命令1：tty、who am i、whoami、w 作用：查看当前登录信息 终端传递信息 echo hello &g…
-
Linux自动备份脚本
原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://nolinux.blog.51cto.com/4824967/1541163 今天网上一个朋友问了我一个shell的题目，让我帮他做下。下面是题目以及解题思路。 题目：…
-
计算机的组成及功能
计算机的组成有中央处理器（包含逻辑运算器和控制器）、内存、输入设备、输出设备 逻辑运算器主要负责程序的运算和逻辑的判断、控制器是协调各组件与各单元的工作。 内存是与CPU进行沟通的桥梁，其作用是用于暂时存放CPU中的运算数据，以及与硬盘等外部存储器交换的数据。 输入设备是用户和计算机系统之间进行信息交换的主要装置之一。 输出设备是外…
-
文本处理工具sed的使用以及Vim的使用技巧详解
一、什么是sed sed的英文全称是Stream EDitor,叫行编辑器。 sed是一种流编辑器，它一次处理一行内容。处理时，把当前处理的行存储在临时缓冲区中，称为“模式空间”（pattern space），接着用sed命令处理缓冲区中的内容…