未压缩版本是6K大小,压缩后只有2K大,应该算很轻了。
 
1.弹出提示框,点击查看效果。
$(this).cvbox({
    titleBarText: "弹出提示框",
    alertText: "世界上最远的距离不是生与死的距离<br />而是我在你面前<br />你却不知道我爸爸是李刚"
});
2.弹出提示框1秒后自动关闭,点击查看效果。
$("#A2").click(function() {
    $(this).cvbox({
        titleBarText: "弹出提示框1秒后自动关闭",
        alertText: "世界上最远的距离不是生与死的距离<br />而是我在你面前<br />你却不知道我爸爸是李刚",
        delayClose:1000
    });
});
3.弹出对话框,点击查看效果。
$("#A3").click(function() {
        $(this).cvbox({
        titleBarText: "弹出对话框",
        confirmText: "世界上最远的距离不是生与死的距离<br />而是我在你面前<br />你却不知道我爸爸是李刚<br 
/><br />你确认你爸是李刚吗?",
        submitAfter:HelloLiGang
    });
});

function HelloLiGang(){
    alert("对您爸爸的敬仰犹如滔滔江水连绵不绝!");               
}
4.载入一段HTML内容,点击查看效果。
<div class="A4Demo" style="display:none; width:550px; padding:10px; ">
<div>
通常这段内容的display都设置为hidden,此处只是为了演示该HTML内容是在当前页面,而不是动态write出来的,可查看页面源文件。
<br />
内容可以是任意元素,包括iframe也可以。
</div>           
<div>
<iframe width="100%" frameborder="0" src="http://a.cvimg.cn/UploadFile/MiniBlog/2010/10-20/7a09cf13-eeb6-491b-aa63-
18dd67bde0a1_Big.jpg"></iframe>
</div>
</div>

$("#A4").click(function() {
    $(".A4Demo").cvbox({                   
        titleBarText: "载入一段HTML内容"
    });
});

目前只是很简单的应用,后续增加位置的参数,使对话层不局限于只显示在屏幕中间。