抖動效果在網頁設計中是一種常用的效果，它能夠吸引用戶的注意力，增強用戶的體驗感。在jquery中，我們可以使用一些簡單的代碼實現div抖動效果。
首先，我們需要定義需要抖動的div，使用css設置它的樣式：
<style>.shake{
width: 100px;
height: 100px;
background-color: #ccc;
position: relative;
left: 50%;
margin-left: -50px;
}
</style><div class="shake"></div>接著，我們需要編寫jquery代碼實現抖動效果：
<script>$(function(){
$('.shake').click(function(){
$(this).css('position','relative');
for(var i=1; i<=3; i++){
$(this).animate({left:'-=10'},30)
.animate({left:'+=20'},30)
.animate({left:'-=20'},30)
.animate({left:'+=20'},30)
.animate({left:'-=10'},30);
}
$(this).css('position','');
});
});
</script>這段代碼的實現原理是通過改變div的left屬性來實現抖動效果，我們為div綁定了一個點擊事件，在點擊時觸發div的抖動效果。
以上就是jquery實現div抖動效果的簡單代碼，希望對網頁設計師朋友們有所幫助。