今天給大家介紹一下animate動(dòng)畫(huà)庫(kù)，我們可以自己寫(xiě)一點(diǎn)簡(jiǎn)單的動(dòng)畫(huà)效果，比如飛入，淡入淡出之類(lèi)的，但要實(shí)現(xiàn)復(fù)雜的動(dòng)畫(huà)不如直接用動(dòng)畫(huà)庫(kù)，動(dòng)畫(huà)庫(kù)的動(dòng)畫(huà)怎么使用呢？接下來(lái)我們帶領(lǐng)大家看一下。
首先來(lái)到animate官網(wǎng)，引入animate的css文件。
如果各位不想要本地引入，可以直接引入線上的資源，
然后我們給指定元素添加animate這個(gè)類(lèi)名，這個(gè)類(lèi)名是固定的，后面跟的是動(dòng)畫(huà)的樣式，那么我們動(dòng)畫(huà)的樣式去哪兒看呢？
點(diǎn)擊頭部在線演示，點(diǎn)擊動(dòng)畫(huà)名字就能查看動(dòng)畫(huà)效果了。
我們可以通過(guò)jq給頁(yè)面中元素添加類(lèi)名
具體大家可以看這篇文章，博主轉(zhuǎn)載的很詳細(xì)了。
當(dāng)我們添加類(lèi)名后如果發(fā)現(xiàn)動(dòng)畫(huà)效果沒(méi)有，請(qǐng)去css中檢查，動(dòng)畫(huà)名有的已經(jīng)發(fā)生改變。
比如fadeIn。
上一篇： 利用jq和陰影做出消失效果
關(guān)鍵詞:
