jQuery飄窗是一種常見的網頁動畫效果，能夠讓網站頁面更加生動，給用戶帶來更好的體驗。實現飄窗效果需要使用jQuery庫，因為jQuery庫提供了豐富的DOM操作和動畫函數，可以輕松實現飄窗效果。

$(document).ready(function(){
// 設置飄窗的位置和樣式
var div = $("
").appendTo("body");
div.css({
position: "fixed",
top: "50%",
left: "50%",
width: "200px",
height: "200px",
background: "#000",
color: "#fff",
textAlign: "center",
lineHeight: "200px",
borderRadius: "10px",
display: "none"
});
// 實現飄窗動畫效果
$(window).scroll(function(){
var scrollTop = $(this).scrollTop();
div.stop().animate({top: scrollTop + $(this).height() / 2, left: "50%"}, 800);
}).resize(function(){
div.css({
top: $(window).height() / 2,
left: $(window).width() / 2
});
});
// 鼠標移到飄窗上時顯示，移開后隱藏
div.hover(function(){
$(this).css("opacity", 1);
},function(){
$(this).css("opacity", 0.5);
});
// 定時顯示飄窗
setTimeout(function(){
div.fadeIn();
}, 5000);
});

上述代碼中，jQuery選中文檔對象，設置飄窗的位置和樣式。通過監聽窗口滾動和改變大小事件，實現飄窗的動畫效果。當鼠標移到飄窗上時，顯示飄窗，移開后隱藏。最后，將飄窗定時顯示。