jquery jBox 官網是一款非常實用的彈框組件，它支持多種類型的彈框，包括提示框、確認框、消息框等，還可以支持 AJAX 彈框和自定義功能。不僅如此，jquery jBox 官網還提供了豐富的 API 和回調函數，可以使我們在使用時更加得心應手。 在使用 jquery jBox 官網前，我們首先需要引入 jquery 和 jbox 的 JS 和 CSS 文件，具體代碼如下所示：

<!-- 引入 jQuery 外部文件 -->
	<script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js"></script>
<!-- 引入 jBox CSS 文件 -->
	<link rel="stylesheet" />
<!-- 引入 jBox JS 文件 -->
	<script src="https://cdn.jsdelivr.net/npm/jbox@2.5.0/dist/jBox.all.min.js"></script>

引入文件之后，我們就可以開始使用 jquery jBox 官網提供的各類彈框了。下面是一個簡單的提示框實例：

<button id="btnAlert">點擊我彈出提示框</button>
<script>
	$('#btnAlert').on('click', function() {
new jBox('Notice', {
content: '歡迎來到 jBox 官網！',
color: 'red',
fade: 500
});
	});
	</script>

上面的代碼中，我們首先定義了一個按鈕，當它被點擊時，就會彈出提示框。提示框的類型是 "Notice"，彈出的內容是 "歡迎來到 jBox 官網！"，顏色為 "red"，漸隱的時間為 500ms。 除了提示框之外，jquery jBox 官網還支持多種類型的彈框。下面是一個確認框的實例：

<button id="btnConfirm">點擊我彈出確認框</button>
<script>
	$('#btnConfirm').on('click', function() {
new jBox('Confirm', {
content: '您確定要刪除嗎？',
color: 'red',
cancelButton: '取消',
confirmButton: '確定',
confirm: function() {
alert('刪除成功！');
}
});
	});
	</script>

上面的代碼中，我們定義了一個確認框，并設置了它彈出的內容、顏色、取消按鈕和確認按鈕的文本內容。當用戶點擊確認按鈕時，就會觸發 confirm 函數，彈出 "刪除成功！" 的提示框。 總之，jquery jBox 官網提供了非常實用的彈框組件，可以極大地方便我們的開發工作。我們只需要按照官網提供的 API 來使用，就可以輕松地實現彈框功能。