發(fā)現(xiàn)沒有晃動效果的朋友記得清下緩存，因為kit.anim對象的js文件有更新，3Q3Q。

今天聽群里面兄弟在討論一個搖頭的動畫效果，類似登陸驗證時候，窗口晃動的效果，結(jié)合之前說過的kitjs的anim類，我們可以很輕松的實現(xiàn)類似的組件晃動效果

function a1() {  
                    $kit.anim.motion({  
                        duration : 1000,//持續(xù)時間  
                        el : "#test1",  
                        fx : $kit.anim.fx('swing'),  
                        from : {  
                            'margin-left' : '50px' 
                        },  
                        to : {  
                            'margin-left' : '0px' 
                        },  
                        reverse: true,  
                        timeSeg: 33,//晃動頻率，自己調(diào)  
                        then : function() {  
                            $kit.log('搖動完畢？再shake一次？')  
                        }  
                    });  
                }  

預(yù)覽效果：

在線效果預(yù)覽：http://xueduany.github.com/KitJs/KitJs/demo/ShakeHead/demo.html

效果不錯，有興趣的朋友可以試試

原文鏈接：http://www.cnblogs.com/xueduanyang/archive/2012/06/06/2538289.html

【編輯推薦】

1. JavaScript制作新浪網(wǎng)易的評論塊
2. JavaScript圖片變換效果(IE only)
3. JavaScript提升網(wǎng)頁加載速度
4. JavaScript馬賽克遮罩圖片幻燈片切換類
5. 看JavaScript如何實現(xiàn)頁面自適