哥是玩程序的

  下面一組有趣的Web示例,這些示例使用Web的一些很“土”控件做出一些很有趣的玩意兒。原來,編程是可以用來玩的,看看這些玩程序的人搞出的這些有意思的玩意,簡直是玩得太有意思了。不過,請注意,這些東西只能使用Chrome打開,不然,你看不到相關的效果。

用滾動條做的時間

http://toki-woki.net/p/scroll-clock/,下面的抓圖只顯示了時和分,后面還有不停跳動的秒??梢栽贗E,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.www58058.com/2209

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

相關推薦

  • rpm程序包管理器使用詳解

    rpm程序包管理器的使用詳解   說到程序包管理器,就會想到基于CentOS系統上的rpm命令與其對應的前端處理器yum。所謂程序包,是將源代碼轉換為二進制格式,再組織成一個或者多個包文件供用戶安裝使用。rpm程序包的命名格式如下:   name-VERSION-release.arch.rpm   軟件名-版本號(分為主版本m…

    Linux干貨 2016-08-21
  • 進程管理工具

    進程管理工具 kill man 7 signal 1) SIGHUP: 無須關閉進程而讓其重讀配置文件 kill -1 進程編號 2) SIGINT: 中止正在運行的進程;相當于Ctrl+c 9) SIGKILL: 殺死正在運行的進程 再生進程 kill -9 殺不掉 15) SIGTERM:終止正在運行的進程 kill -15/或不寫(默認) +進程編號?!?/p>

    Linux干貨 2016-09-11
  • grub詳解

    grub詳解 1、GRUB(Boot Loader): grub:grub 0.x:grub1 legacy傳統的版本 grub 1.x:grub2 grub legacy: 第1階段:mbr 第1.5階段:mbr之后的扇區中,讓第一階段中的boot loader能識別第二階段所在分區上的文件系統 第2階段:磁盤分區(/boot/grub/) 配置文件/et…

    2017-09-03
  • MariaDB之MHA配置

    工作拓撲 一、MHA簡明:     MHA(Master HA)是一款開源的MySQL的高可用程序,它為MySQL主從復制架構提供了    automating master failover 功能。MHA在監控到master節點故障時,會提升其中    擁有最新數據的…

    2017-01-01
  • 馬哥教育網絡第21期-第六周課程練習

    請詳細總結vim編輯器的使用并完成以下練習題 1、復制/etc/rc.d/rc.sysinit文件至/tmp目錄,將/tmp/rc.sysinit文件中的以至少一個空白字符開頭的行的行首加#; [root@6 ~]# cp /etc/rc.d/rc.sysinit /tmp [root@6 ~]# …

    Linux干貨 2016-08-15
  • sed初步認識

     ◆ sed基礎概念 ◆ sed用法 一.sed 基礎概念: Stream EDitor (流/行編輯器) sed是一種流編輯器,它一次處理一行內容。處理時,把當前處理的行存儲在臨時緩沖區中,稱為“模式空間”(pattern space),接著用sed命令處理緩沖區中的內容,處理完成后,把緩沖區的內容送往屏幕…

    2017-03-16
欧美性久久久久