jQuery 是一個非常強(qiáng)大的 JavaScript 庫,它可以讓您使用更少的代碼實現(xiàn)更多的功能。其中之一就是讓您創(chuàng)建鼠標(biāo)移上去懸浮窗口。下面是一個示例:
// 當(dāng)頁面加載完成后執(zhí)行 $(document).ready(function(){ // 綁定鼠標(biāo)移上去事件 $("#hover").mouseover(function(){ // 顯示懸浮窗口 $("#popup").show(); }); // 綁定鼠標(biāo)移出事件 $("#hover").mouseout(function(){ // 隱藏懸浮窗口 $("#popup").hide(); }); });
如上所述,您需要在 HTML 中添加兩個元素:一個用于懸浮窗口,另一個用于觸發(fā)顯示懸浮窗口的事件。以下是這些元素的示例:
將鼠標(biāo)移到這里以顯示懸浮窗口。
當(dāng)用戶將鼠標(biāo)移動到觸發(fā)元素上時,懸浮窗口將顯示出來。當(dāng)用戶將鼠標(biāo)從觸發(fā)元素上移開時,懸浮窗口將被隱藏。
這是一個非?;镜睦?。您可以使用 jQuery 樣式來自定義懸浮窗口的樣式,或添加動畫效果使它更加生動。