JQuery是目前應用最廣泛的JavaScript框架之一，它可以極大地簡化開發人員的實現。其實JQuery實現圖片鼠標懸浮效果也非常簡潔明了，只需要幾行代碼就能實現，下面我們就來看看如何實現鼠標懸浮圖片效果。

<script>
$(document).ready(function(){
$("img").hover(function(){
$(this).css("opacity", "0.5");
}, function(){
$(this).css("opacity", "1");
});
});
</script>

首先我們要調用JQuery庫文件，然后在文檔準備就緒時進行操作。通過選擇器選擇所有的img標簽，hover()方法分別關聯兩個函數，第一個函數為鼠標懸浮圖片時執行的操作，將圖片的透明度設置為0.5，第二個函數為鼠標移出時執行的操作，將圖片的透明度還原為1。

接下來我們在HTML文檔中加上img標簽，設置圖片的文件路徑：

<img src="image.jpg" alt="image">

這樣我們就完成了鼠標懸浮圖片效果的實現。實現的簡單性和效果的良好都是JQuery的優點之一。