發(fā)現(xiàn)沒(méi)有晃動(dòng)效果的朋友記得清下緩存，因?yàn)閗it.anim對(duì)象的js文件有更新，3Q3Q。

今天聽(tīng)群里面兄弟在討論一個(gè)搖頭的動(dòng)畫(huà)效果，類(lèi)似登陸驗(yàn)證時(shí)候，窗口晃動(dòng)的效果，結(jié)合之前說(shuō)過(guò)的kitjs的anim類(lèi)，我們可以很輕松的實(shí)現(xiàn)類(lèi)似的組件晃動(dòng)效果

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

預(yù)覽效果：

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

效果不錯(cuò)，有興趣的朋友可以試試

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

【編輯推薦】

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