需求：
點(diǎn)擊圖片時(shí)，圖片會(huì)左右抖動(dòng)，也可以上下抖動(dòng)。
具體代碼如下：
（推薦教程：
CSS教程）html：
css：
img {
position: absolute;
top: 200px;
left: 300px;
}
js：
說明：
1、要先引入我們?cè)瓉矸庋b好的動(dòng)畫函數(shù)doMove.js，getStyle()函數(shù)就是這個(gè)函數(shù)里面的函數(shù)；2、parseInt( )是把300px的單位去掉只留數(shù)字300；3、上下抖動(dòng)，只要把left改為top就可以。
以上就是如何實(shí)現(xiàn)圖片抖動(dòng)效果的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
微信
分享相關(guān)標(biāo)簽：
css 圖片本文轉(zhuǎn)載于：
csdn，如有侵犯，請(qǐng)聯(lián)系[email protected]刪除
上一篇：
利用css實(shí)現(xiàn)鼠標(biāo)懸停效果
下一篇：
css如何實(shí)現(xiàn)按鈕居中顯示相關(guān)文章相關(guān)視頻談?wù)凜SS實(shí)現(xiàn)水平垂直居中布局的方法css如何設(shè)置透明度不會(huì)影響子元素css怎樣實(shí)現(xiàn)DIV高度自適應(yīng)css中的五種常見頁面布局如何實(shí)現(xiàn)圖片抖動(dòng)效果使用CSS3過渡屬性使用CSS3動(dòng)畫屬性使用CSS3漸變、倒影屬性 [做網(wǎng)站css教程]