JQuery是一種流行的JavaScript庫，提供了許多對Web開發有用的功能。其中之一是鼠標懸停事件(mouseover)。下面我們將介紹如何使用JQuery的mouseover事件來展示/隱藏一個元素。

$(document).ready(function(){
$("p").mouseover(function(){
$("img").show();
});
$("p").mouseout(function(){
$("img").hide();
});
});

上面的代碼將在頁面完成加載后綁定鼠標懸停事件。當鼠標移到文本段落上時，JQuery會執行一個函數，展示一張圖片（假設圖片的標簽是img）。當鼠標移開時，圖片將被隱藏。

畫面過于單調？我們甚至可以添加一些動畫效果。例如，當鼠標移上來時，圖片可以慢慢地淡入視野中。

$(document).ready(function(){
$("p").mouseover(function(){
$("img").fadeIn();
});
$("p").mouseout(function(){
$("img").fadeOut();
});
});

現在，圖片將被平穩地淡入和淡出。除此之外，JQuery還提供了許多其他的動畫效果，可以讓我們使用mouseover事件時展示更加出彩的效果。

JQuery的mouseover事件是一個簡單而有用的特性。我們可以使用它來創建一些十分賞心悅目的視覺效果。希望這篇文章能幫助讀者入門JQuery的mouseover事件。