DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jquery的動畫效果代碼
基於jquery的動畫效果代碼
編輯:JQuery特效代碼     
jquery動畫
有意思的地方見效果圖:

思想:
將圖片設置分割div的背景圖片,控制div的屬性,可以現實有趣的濾鏡效果,本例中展示了一種,感興趣的朋友可以嘗試其他濾鏡的實現。
本例其余動畫部分,主要是利用jquery中提供animate和delay實現。
animate:這個函數的關鍵在於指定動畫形式及結果樣式屬性對象。這個對象中每個屬性都表示一個可以變化的樣式屬性。
delay:設置一個延時來推遲執行隊列中之後的項目。
實例效果:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved