JQuery是一款非常實用的JavaScript庫,可以用它輕松地增強網頁的交互效果。其中,button按鈕是網頁中最常見的元素之一,通過jQuery可以讓button按鈕變得更加醒目并吸引用戶的注意力。
$(document).ready(function() { $("button").hover(function() { $(this).animate({ width: '+=10px' }); }, function() { $(this).animate({ width: '-=10px' }); }); });
上述代碼可以讓button按鈕在鼠標懸停時變大,并在鼠標移開時回到原始大小。通過hover()函數,我們可以定義鼠標指針在一個元素上移動的事件,然后使用animate()函數來改變按鈕的大小。
總之,通過使用jQuery的動態效果,可以使得button按鈕具備更好的交互性和用戶體驗,從而提高網頁的整體質量。