7款絢麗的jQuery/HTML5動畫及原始碼

小峰發表於2015-01-12

1、HTML5/SVG實現布穀鳥時鐘動畫
這是一款非常有意思的HTML5動畫,它是一個老式的時鐘,有布穀鳥報時,情侶的浪漫舞蹈。

線上演示原始碼下載


2、HTML5/CSS3實現圖片倒影3D效果
這款應用主要利用了CSS3的transform屬性實現了圖片的傾斜和倒影,動畫效果也非常不錯。

線上演示原始碼下載


3、jQuery圖片放大預覽外掛
這款基於jQuery的圖片放大預覽外掛,只需要將滑鼠滑過縮圖,即可將當前區域的圖片放大預覽,這個功能一般在商品圖片展示的時候非常有用。

線上演示原始碼下載


4、jQuery內容層疊滾動切換動畫外掛
這是一款很有創意的jQuery內容滑動動畫,我們可以設定任意數量的文字層,讓其層疊在一起,然後點選按鈕讓其出現層疊滾動切換的效果。

線上演示原始碼下載


5、jQuery資料夾管理外掛
這款jQuery外掛模擬了作業系統的檔案管理系統,可以新建、刪除和重新命名資料夾。

線上演示原始碼下載


6、jQuery全屏廣告圖片焦點圖
這款jQuery全屏廣告圖片焦點圖外掛也非常不錯,圖片切換時有淡出淡出的動畫效果,並且也相當流暢。

線上演示原始碼下載


7、jQuery帶格式驗證的登錄檔單
這款jQuery表單的特點是帶有嚴格的表單欄位格式驗證功能,比如電子郵箱的格式、使用者名稱格式以及密碼複雜度和長度等。

線上演示原始碼下載

以上的jQuery動畫也有原始碼下載,大家可以自行研究,歡迎分享。
來自:碼農網
評論(3)

相關文章