????????iphone手機(jī)上長按圖標(biāo)會出現(xiàn)一個所有圖標(biāo)抖動的效果砸西，今天就來用網(wǎng)頁做一個簡單的圖標(biāo)抖動效果崩泡，先看看效果
思路分析
? ??其實這里重要的是要作出一個搖擺的動畫，當(dāng)然顿颅，這里做了一個簡單的搖擺動畫饰及，大致如下:
????????這個其實走的是一個類似畫八字的一個形狀捉邢，右下->左上->右上->左下（上圖的3,6分別在中線位置停留了一段），同時四個角都有一些傾斜度吮螺，單個的效果大致如下:
? ??????不過單個抖動是可以做饶囚，不過如果有很多都要抖動，并且抖動的都不一樣就比較麻煩了规脸，這里用到j(luò)query的quene坯约，將animation中的每一步都寫成一個步驟，將所有的動畫組合成隊列莫鸭，如果需要搞不同的搖擺闹丐，我們只需要從動畫隊列中的某一個（隨即）開始搖擺就好了。
? ??????上面代碼中的split_num就是獲取每次開始的位置被因，這個位置是隨機(jī)的卿拴；同時每個搖擺的時間也是隨機(jī)的，通過_time控制梨与，注意最后的FUNC.push里面的內(nèi)容堕花，這個是為了做無限循環(huán)隊列的，當(dāng)一個隊列執(zhí)行完了粥鞋，我們又將新的數(shù)組內(nèi)容放入其中缘挽。
如果是暫停動畫，我們只需要利用clearQuene清除所有的隊列內(nèi)容就好了
? ??????如果你想做的更好，可以優(yōu)化這里的擺動動畫壕曼，擺動動畫做的越好苏研，效果也就越好。
? ? ? ? 原文地址:http://qiutianaimeili.com/html/page/2018/07/33oa5gwacnp.html
