自制轻量级仿jQuery.boxy对话框插件代码

对此，jquery.boxy插件已经做得非常强大了，常用的提示、确认，拖拽、改变大小、异步加载都非常实用，导致文件较大（可忽略不计），很多功能并不需要，为此，抱着在边学边实践的态度和想法，自制一款适用于本项目的轻量级弹出层插件，这是第一次写jqeury插件，也为了以后能将常用操作封装为jquery插件做准备吧。
首先来个插件名字，这样才能去唬人，就叫jquey.cvbox.min.js吧，cv就是网站域名ChinaValue的缩写，压缩后的容量控制在6K以下。因为还未完成，所以先将思想记录下来。
1.在页面增加用来显示内容的容器元素，以及弹出层的背景，仅只需要有就可以了，至于说在哪儿出生（也就是显示在页面什么位置）、长成什么样儿，后边会培养（设置），样子自然要由美术指导来打扮了。
2.根据我们的需要，我们事先定义好常用的一些对象，比如说遮罩的背景、弹出层的容器、弹出层的标题栏、弹出层的内容区域、以及当前浏览器窗口的高宽等，有了这些，在后边的使用中就方便多了。
3.开始往容器中塞内容，内容可以是一句提示语（对应提示功能），可以是询问语（对应确认框），可以是一张图片（比如用于小图放大），还可以是一段HTML代码（代替直接在JS中写HTML的不便）。
4.定义用户点击关闭的事件，也就是隐藏或者移除背景层和弹出层，留着给操作完成时调用。
5.设置背景层透明度以及滚动高度，设置弹出层的位置，居中随滚动或者固定不动。
6.最后，为了方便多个场合中使用，提取可变参数，参数要有默认值，使用$.extend搞定。
预计将于节后发布测试版，还是未删节的。
在线演示：http://demo.jb51.net/js/jquery_cvbox/index.htm
打包下载：http://xiazai.jb51.net/201010/yuanma/jquery_cvbox.rar
jquery.cvbox.min.js代码

/*
* JQuery.cvbox.js
* http://www.chinavalue.net
*
* J.Wang
* http://0417.cnblog.socm
*
* 2010.09.30
*/
(function($) {
$.fn.cvbox = function(options) {
var self = $(this);
var defaults = {
titleBarText: “”,
titleBarClose: “关闭”,
bgClickClose: false,
bgShow: true,
bgOpacity: 0.2,
confirmText: “”,
alertText: “”,
delayClose: 0,
submitAfter: function() {
$.noop();
}
};
var param = $.extend({}, defaults, options || {});
//弹框的显示
var cvBoxElement = ‘<div id=”cvBoxShade” class=”cvBoxShade”></div>’;
cvBoxElement += ‘<div id=”cvBoxBorder” class=”cvBoxBorder”>’;
cvBoxElement += ‘<div id=”cvBoxTitleBar” class=”cvBoxTitleBar”><div class=”cvBoxTitleBarText”>’ + param.titleBarText + ‘</div><div class=”cvBoxTitleBarClose”><a href=”javascript:void(0);” id=”cvBoxTitleBarClose”>’ + param.titleBarClose + ‘</a></div><div class=”cvBoxClear”></div></div>’;