Jquery Lightbox是一種常用的JavaScript庫。它可以為網站添加圖像、視頻、甚至是文本的彈出框效果，提高了用戶瀏覽網站的體驗。下面將介紹如何使用Jquery Lightbox。

首先，在你的HTML頁面中添加以下代碼：

<link rel="stylesheet" href="css/lightbox.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/lightbox.min.js"></script>

然后，在要添加彈出框效果的圖片標簽中添加以下代碼：

<a href="path/to/image.jpg" data-lightbox="example-set"><img src="path/to/thumbnail.jpg"></a>

其中，path/to/image.jpg是圖片的路徑，path/to/thumbnail.jpg是縮略圖的路徑。data-lightbox="example-set"表示該圖片屬于一個彈出框組。

最后，在頁面底部添加以下代碼，以初始化彈出框效果：

<script>
lightbox.option({
'resizeDuration': 200,
'wrapAround': true
})
</script>

其中，'resizeDuration': 200表示調整圖片大小的動畫時間為200毫秒，'wrapAround': true表示可以循環瀏覽彈出框組中的圖片。

這樣，你就可以在你的網站中使用Jquery Lightbox了！