課程
/前端開發
/JavaScript
/H5+JS+CSS3 實現圣誕情緣
能不能在一次點擊下實現來回飛呢
2015-12-19
源自:H5+JS+CSS3 實現圣誕情緣 3-4
正在回答
先定義一個類名,加上css3動畫animation,animation里弄個來回飛的動畫就行了,然后用js給點擊元素加上這個定義好的類名就會出現你要的效果了,在動畫結束的時候,你可以使用animationEnd事件(這個需要封裝成一個兼容的函數好點,可以參考bootstrap對transitionEnd事件的封裝),來移除剛加上去的類名,下次點擊再加上,就可以循環有來回飛的效果了。
舉報
為圣誕節準備的H5+JS+CSS特效案例教程,實現靜與動的結合
5 回答咋沒有飛過來呢
3 回答實現起來很復雜吧
1 回答鳥飛不走啊
3 回答鳥不飛的解決辦法
2 回答旋轉木馬實現
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-12-19
先定義一個類名,加上css3動畫animation,animation里弄個來回飛的動畫就行了,然后用js給點擊元素加上這個定義好的類名就會出現你要的效果了,在動畫結束的時候,你可以使用animationEnd事件(這個需要封裝成一個兼容的函數好點,可以參考bootstrap對transitionEnd事件的封裝),來移除剛加上去的類名,下次點擊再加上,就可以循環有來回飛的效果了。