jQuery 是一款非常流行的 JavaScript 庫,在網頁開發中被廣泛使用。它可以讓我們輕松地實現很多特效,如在鼠標移動時切換圖片。
$(document).ready(function() { $(".pic").hover(function() { $(this).attr("src", "pic_hover.png"); }, function() { $(this).attr("src", "pic.png"); }); });
如上所示,我們利用了 jQuery 的 hover() 方法來實現鼠標移動時切換圖片。當鼠標移入圖片區域時,將圖片的 src 屬性設置為 pic_hover.png,當鼠標移出圖片區域時將圖片的 src 屬性設置為 pic.png。
需要注意的是,我們在 HTML 中要給圖片添加一個 class 名稱,如:
<img src="pic.png" class="pic">
至此,我們就可以通過使用 jQuery 鼠標圖片特效實現在鼠標移動時切換圖片,使網頁視覺效果更佳豐富。