哥是玩程序的

  下面一組有趣的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
下一篇 2015-04-01

相關推薦

  • N23-卡卡琦-第一周

    1、描述計算機的組成及其功能 硬件: 控制器:是整個計算機的中樞神經,其功能是對程序規定的控制信息進行解釋,根據其要求進行控制,調度程序、數據、地址,協調計算機各部分工作及內存與外設的訪問等;運算器:運算器的功能是對數據進行各種算術運算和邏輯運算,即對數據進行加工處理;存儲器:存儲器的功能是存儲程序、數據和各種信號、命令等信息,并在需要時提供這些信息;輸入輸…

    Linux干貨 2016-11-16
  • VMWare網絡連接的三種模式

    在創建虛擬機的時候我們會對網絡適配器進行配置,那么網絡適配器是什么呢?首先我們來簡單介紹一下網絡適配器。 計算機與外界局域網的連接是通過主機箱內插入一塊網絡接口板(或者是在筆記本電腦中插入一塊PCMCIA卡)。而網絡接口板又稱為通信適配器或網絡適配器(networkadapter)或網絡接口卡NIC(NetworkInterface Card),但是更多的人…

    Linux干貨 2017-07-12
  • 文件查找命令之find

    文件查找命令一共有兩種,locate 和find ,那么他們在用法和功能上面有什么區別呢?     locate:查找速度快,模糊查找,遍歷整個文件系統的目錄到數據庫中,然后在去數據庫中查找,依賴于事先創建好的索引庫,該數據庫屬于系統自動創建,定期自動更新,也可手動跟新,更新命令updatedb,更新數據庫需要遍歷整個根文件系統…

    Linux干貨 2016-08-16
  • 第3周作業

    一、列出當前系統上的所有已經登錄的用戶的用戶名 [root@bogon tmp]# who | cut -d ” ” -f1 | sort -urootwing[root@bogon tmp]# who | cut -d ” ” -f1 | uniqrootwing 二、取出最后登錄到當前系統的用戶相關信息 […

    Linux干貨 2017-07-25
  • 概述Windows2003的卷影副本

    原創作品,允許轉載,轉載時請務必以超鏈接形式標明文章 原始出處 、作者信息和本聲明。否則將追究法律責任。http://jeffyyko.blog.51cto.com/28563/157940      卷影副本,也就是Volume Shadow Server簡單來講,卷影副本(或稱為VSS)可以簡單…

    Linux干貨 2015-03-25
  • 馬哥教育網絡班22期+第12周課程練習

    1、請描述一次完整的http請求處理過程; 1. 建立或處理連接:接收請求或拒絕請求; 2. 接收請求:接收來自于網絡上的主機請求報文中對某特定資源的一次請求的過程; 3. 處理請求:對請求報文進行解析,獲取客戶端請求的資源及請求方法等相關信息; 4. 訪問資源:獲取請求報文中請求的資源; 5. 構建響應報文…

    Linux干貨 2016-11-28
欧美性久久久久