用 HTML5 消磨時光

2022-07-16 17:45:11 字數 1043 閱讀 6812

html5 漸入佳境,它強大的功能正被逐漸挖掘出來,各種實驗性應用層出不窮,本文介紹幾個由 hakim el hattab

設計的 html5 趣味小應用,它們非常有趣,我剛剛在它們身上消磨了兩個小時。當你體驗完這幾個小應用,會發現 html5 比你想象的更強大。

在浩瀚的星系間履行,小心裝上些紅色的星球,綠色的星球可以吃掉,可以增加體能。

開始體驗 >>

滑鼠在頁面空白位置點選,這個小怪物會撲過去。

開始體驗》

我太喜歡這個小程式了,在乙個空房間,雙擊滑鼠,會放置上乙個小球,當放進兩個小球的時候,一道粒子束在兩個球之間撞擊,並發出悅耳的聲音,隨著小

球的增多,粒子束在每個小球之間穿梭撞擊,離你越近的小球,聲音越清脆,音調越高,這樣就形成了連續的**。

開始體驗》

一些果凍樣的東西,會滑向你滑鼠點選的位置,在果凍球體中間點選,會將它扯成兩半,它們在到處滑動的時候,還會再溶合到一起。

開始體驗》

也是我最愛的乙個小程式。滑鼠在夜空中雙擊,可以創造一顆恆星,同時創造出十幾顆衛星繞著它轉,你可以創造很多這樣的恆星系,當它們中的某些靠近到

一起形成質量比較大的恆星系的時候,可以吸引更多的衛星繞著它們轉。

開始體驗》

五顏六色的彩帶,隨著滑鼠飄動,滑鼠不動的時候,便圍著滑鼠箭頭旋轉,非常簡單,但很流暢,視覺效果很漂亮。

開始體驗》

很 cool 的三維效果。

開始體驗》

水面隨著滑鼠形成波浪,水面的浮球也隨著沉浮,效果非常棒。

開始體驗》

粒子在螢幕上飄動,遇到滑鼠的時候膨脹。

開始體驗》

這組 html5 實驗應用載入速度非常慢,初以為是 html5 本身效能的問題,研究過源**才發現,原來頁面上呼叫了 twitter

的飾件(

),因為世界上壓根沒有 twitter,我們早就知道,但這些網頁不知道,所以還傻傻地去連線,浪費了大量的時間。使用 godaddy

的伺服器測試,每個頁面大約需要 0.2 秒就開啟了。有人說,他們代表先進生產力。

中 **內容管理系統

官方**

HTML5 用CANVAS畫時鐘

本篇文章的所有 acdreamers 的 第乙個canvas例項 鐘錶 本文主要是對 中所使用的方法進行詳細說明,雖然原作者在 已經注釋得很清楚了。一 獲取上下文物件 var cxt document.getelementbyid 元素名 getcontect 2d ie8或更早的瀏覽器不支援元素。...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空,必填 placeholder 提示文字 表單的提示資訊,存在預設值將不顯示 autofocus autofocus 自動聚焦屬性,頁面載入...