jquery asyncbox是一个开源的jQuery插件，可以在网页中创建非常漂亮的弹出框。它可以轻松的实现弹出框的展示、隐藏、拖拽、按钮等操作，并且支持在不同的浏览器中使用。以下是jquery asyncbox的详细使用教程。

首先，我们需要下载jquery asyncbox插件。可以到官网 https://github.com/techbrood/jquery-asyncbox 下载最新的版本，解压缩后，将jquery.asyncbox.min.js和asyncbox.css两个文件复制到你的网站文件夹中。然后，在你的html文件中引入这两个文件：

<link rel="stylesheet" type="text/css" href="asyncbox.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.asyncbox.min.js"></script>

然后，在需要使用弹出框的按钮或链接中添加相应的class和属性。例如，添加class="asyncbox"和data-asyncbox="width:500,height:300"来创建一个大小为500x300像素的弹出框。

<a class="asyncbox" href="popup.html" data-asyncbox="width:500,height:300">点击打开弹出框</a>

最后，在你的脚本文件中添加以下代码，用于初始化asyncbox。

$(function() {
$('a.asyncbox').asyncbox();
});

通过以上几步，我们就可以轻松的在网页中使用jquery asyncbox插件了。这个插件非常实用，可以用于各种弹出框，例如登录框、消息框等等。