哥是玩程序的

s19930811 • • Linux干货, 系统运维

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

用滚动条做的时间

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

                             1.jpg

用CheckBox做成一个水滴效果

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

                                    2.jpg

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

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

                                       3.jpg

用CheckBox做的一个音阶

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

                                             4.jpg

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

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

                                       5.jpg

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

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

转自：http://coolshell.cn/articles/1932.html

原创文章，作者：s19930811，如若转载，请注明出处：http://www.178linux.com/2209

赞 (0)
s19930811s19930811
0
上一篇 2015-04-01 20:59
下一篇 2015-04-01 21:04

相关推荐

  • n28 第二周作业

    n28 第二周作业

    Linux干货 2017-12-09
  • Linux Bash Shell有关变量 Linux干货

    Linux Bash Shell有关变量

    bash 创建一个子bash-n 查看是否有错误-x 逐行显示信息$:显示当前PIDPPID ：显示父进程PIDSHLVL ：显示当前shell是几级shellpstree 显示进程树-p 同时显示进程号ps -ef 显示进程信息 本地变量 ：仅对当前SHELL有效，对子SHELL也无效环境变量：对当前SHELL及子SHELL均有效。 set 显示本地变量和…

    2017-09-16
  • haproxy Linux干货

    haproxy

    12.1　高性能负载均衡软件HAProxy介绍 随着互联网业务的迅猛发展，大型电商平台和门户网站对系统的可用性和可靠性要求越来越高，高可用集群、负载均衡集群成为一种热门的系统架构解决方案。在众多的负载均衡集群解决方案中，有基于硬件的负载均衡设备，例如F5、Big-IP等，也有基于软件的负载均衡产品，例如HAProxy、LVS、Nginx等。在软件的负载均衡产…

    2018-01-03

  • LAMP

    练习：编译安装amp，提供两个基于主机名的虚拟主机      (1) https, 部署pma      (2) 部署wordpress 编译安装： mariadb: # wget 10.1.0.1:/pub/Sources/7.x86_64/mariadb/…

    Linux干货 2016-10-12

  • 网络管理（二）之IP地址划分子网、多块网卡共用单一IP

    网络管理（二）IP地址   一、认识学习IP地址的组成： 1、它们可唯一标识IP 网络中的每台设备 2、IP地址由两部分组成: 网络ID：标识网络；每个网段分配一个网络ID 主机ID：标识单个主机；由组织分配给各设备 3、点分十进制计法表示IPv4地址： 4、如下图，将系统中的IP地址用二进制表示，再通过转换合成的十进制数，使用ping命令可得出：…

    Linux干货 2016-09-05

  • BT雷人的程序语言

    这个世界从来都不会缺少另类的东西，人类自然世界如此，计算机世界也一样。编程语言方面，看过本站《6个变态的C语言Hello World程序》的朋友们一定对BT和另类不会陌生，但那都是些小儿科，真正的BT和另类要是从语言级上来完成。让我们来看看其中一个比较另类的语言BrainFuck。看到这个程序语言的名字，请不要以为这是一个搞笑的语言，这是一个“严肃事情”，请…

    Linux干货 2015-04-03
电话咨询
在线咨询