jQuery是一款功能強大的JavaScript庫,可以幫助我們輕松實現網頁效果。其中,鼠標經過顯示物品并鼠標離開則隱藏,是一種常見的實現方法。下面是使用jQuery實現該效果的示例代碼:
$(function(){ $(".item").mouseenter(function(){ $(this).children(".desc").show(); //顯示對應的物品描述 }); $(".item").mouseleave(function(){ $(this).children(".desc").hide(); //隱藏對應的物品描述 }); });
代碼中,我們使用了jQuery的鼠標進入和離開事件。當鼠標進入.item元素時,我們利用jQuery的children方法找到對應的.desc元素,然后調用show方法顯示該元素。當鼠標離開.item元素時,我們同樣利用children方法找到對應的.desc元素,然后調用hide方法隱藏該元素。
以上示例代碼可以應用在諸如商城網站中,方便用戶了解商品的詳細信息。