現在的Web頁面已經越來越走向高端化和易操作化,jQuery的大量應用,讓Web開發者更容易駕馭前端頁面的控制,HTML5的引入也更讓網站頁面的元素生動富有活力。本文主要向大家分享一些可以讓頁面更引人注目的HTML5/jQuery動畫插件,作為設計參考。
這款HTML5動畫非常有意思,首先它的原型就是一個時鐘,但是canvas技術的使用,讓這個時鐘沒走動一秒鐘都會產生圓球散落的動畫特效,非常的酷。
線上示範原始碼下載
這個CSS3文字特效也比較有趣,只要滑鼠滑過文字,就會產生3D的折疊效果。
線上演示原始碼下載
這是一個HTML5小遊戲,利用擋板讓小球在瀏覽器內側不斷反彈,這利用了物理學的反射原理,在這個例子中用HTML5實現了。
線上示範原始碼下載
這是一款基於jQuery和CSS3的圖片翻轉特效,每一張圖片都有文字標題懸浮在圖片上,點擊切換按鈕,每一張圖片都會進行水平或垂直翻轉,翻轉效果非常酷,有3D立體的視覺效果。
線上演示原始碼下載
這是Google為紀念萊斯保羅而設計的Google首頁Logo,試試這把電吉他吧,支援鍵盤喔。
線上示範原始碼下載
這款經典的街機遊戲也已經用HTML5實現的,效果非常逼真,你可以根據提示的按鍵進行遊戲體驗。
線上示範原始碼下載
這是一個基於jQuery的3D書本翻頁動畫效果,翻頁效果十分流暢。
線上演示原始碼下載
這款提示框動畫在出現和消失的時候可以有淡入淡出的動畫特效,並且提示框內建一個進度條,走完進度條時提示框即可消失。
線上示範原始碼下載
#
以上是介紹幾款引人注目的HTML5/jQuery動畫外掛詳情的詳細內容。更多資訊請關注PHP中文網其他相關文章!