下面是一個使用zDialog插件的示例:
<link rel="stylesheet" href="zDialog.min.css">
<script src="jquery.min.js"></script>
<script src="zDialog.min.js"></script>
<button id="showDialog">點擊打開彈出窗口</button>
$(document).ready(function() {
// 點擊按鈕時觸發彈出窗口
$('#showDialog').click(function() {
$.zDialog({
title: '這是一個彈出窗口', // 設置彈出窗口的標題
content: '歡迎使用zDialog插件!', // 設置彈出窗口的內容
close: true // 設置是否顯示關閉按鈕
});
});
});
以上示例中,通過調用$.zDialog()
函數來創建一個彈出窗口。可以通過傳遞一個包含配置選項的對象來自定義彈出窗口的標題、內容和其他屬性。在這個示例中,設置了彈出窗口的標題為"這是一個彈出窗口",內容為"歡迎使用zDialog插件!",并且顯示了關閉按鈕。
當點擊按鈕時,將會觸發彈出窗口的顯示。