首頁 >web前端 >js教程 >基於jquery的動畫效果代碼_jquery

基於jquery的動畫效果代碼_jquery

WBOY
WBOY原創
2016-05-16 17:51:371440瀏覽

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


[Ctrl A 全選 註:
如需引入外部Js需刷新才能執行]
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn