JS弹出窗口插件zDialog简单用法示例

下面是一个使用zDialog插件的示例：

1. 首先，在HTML中引入zDialog的CSS和JS文件：

2. 在HTML中创建一个按钮来触发弹出窗口：

点击打开弹出窗口

3. 在JS中使用zDialog插件来创建弹出窗口：

$(document).ready(function() {
  // 点击按钮时触发弹出窗口
  $('#showDialog').click(function() {
    $.zDialog({
      title: '这是一个弹出窗口',  // 设置弹出窗口的标题
      content: '欢迎使用zDialog插件！',  // 设置弹出窗口的内容
      close: true  // 设置是否显示关闭按钮
    });
  });
});

以上示例中，通过调用$.zDialog()函数来创建一个弹出窗口。可以通过传递一个包含配置选项的对象来自定义弹出窗口的标题、内容和其他属性。在这个示例中，设置了弹出窗口的标题为"这是一个弹出窗口"，内容为"欢迎使用zDialog插件！"，并且显示了关闭按钮。

当点击按钮时，将会触发弹出窗口的显示。