HTML 5特效頁面及js測試頁面匯總的示例分析

HTML 5特效頁面及js測試頁面匯總的示例分析，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

下面是一些用HTML5做的特效頁面以及一些js測試頁面，大多在測試之后都會給出分?jǐn)?shù)。如果你的瀏覽器不支持下面的網(wǎng)頁，可以考慮換個新版或者換一款瀏覽器。(參閱《主流瀏覽器CSS3和HTML5兼容性詳細(xì)清單》)

1、跑魚測試

不斷增加魚的數(shù)量，看你的FPS得分，這個也是很多朋友都知道的，微軟在發(fā)布IE9 beta的時候曾經(jīng)用這個評分做宣傳：

http://ie.microsoft.com/testdrive/Performance/FishIETank/(老地址)

http://www.ieliulanqi.com/(新地址，目前魚測試已經(jīng)與IE9體驗站整合，內(nèi)容更豐富)

2、旋轉(zhuǎn)的瀏覽器圖標(biāo)，增加圖標(biāo)亮，看FPS分?jǐn)?shù)

http://ie.microsoft.com/testdrive/Performance/FlyingImages/

3、炫彩測試：注意這個頁面是有背景音樂的，如果你不能聽到，那……

http://ie.microsoft.com/testdrive/Performance/PsychedelicBrowsing/Default.html

4、IE9體驗站(內(nèi)容很多，比如搖骰子、臺球、風(fēng)箏之類的，內(nèi)容不錯)：

http://www.ieliulanqi.com/#/experience

5、寶馬體驗(HTML5 加載需要2—3分鐘，請耐心等待)看著這么漂亮的車子是不是有些心動呢?剛看完《速度與激情5》還真有那么點……

http://joydefinesthefuture.com/

6、液體微粒(用鼠標(biāo)在上面比劃 or 點擊,看看什么效果)：

http://spielzeugz.de/html5/liquid-particles.html

7、視頻爆炸(點擊視頻看看會怎么樣)：

http://www.craftymind.com/factory/html5video/CanvasVideo.html

8、墜落效果的Google(用鼠標(biāo)把它們提起，再甩下去)：

http://mrdoob.com/projects/chromeexperiments/google_gravity/

9、等離子樹(鼠標(biāo)每點擊一次會多一個分支)：

http://openrise.com/lab/PlasmaTree/

10、線條繪畫。在三維空間畫畫。

http://www.the389.com/7/3/

11、水墨小球(在線作圖?哈哈，自己體驗)不知道有沒有民間高手做出中國水墨畫的精品呢?

http://bomomo.com/

12、未來相冊(這個在IE9下沒有成功，用chrome***運行，谷歌+1)

http://www.xs4all.nl/~peterned/3d/

13、HTML5的Blizzard的測試頁面，來測試一下IE的HTML解釋性能：

http://ie.microsoft.com/testdrive/HTML5/Blizzard/Default.html

14、第三方HTML5測試頁面：http://html5test.com/

15、JS測試，測試IE9的SVG和JavaScript渲染性能。

http://ie.microsoft.com/testdrive/performance/SantasWorkshop/Default.xhtml

16、土豆3D電影院，是土豆網(wǎng)和微軟合作的一個HTML5體驗站，很流暢

http://2010.tudou.com/3d-tudou/cinema.html

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。