<!-- 背景遮蓋層 -->
<div class="dialog-overlay"></div>

<!-- 對話框 -->
<div class="dialog">
<div class="bar">
<span class="title">標題</span>
<a class="close">[關閉]</a>
</div>
<div class="content">內容部分</div>
</div>

var mouse={x:0,y:0};
function moveDialog(event)
{
var e = window.event || event;
var top = parseInt(dialog.css('top')) + (e.clientY - mouse.y);
var left = parseInt(dialog.css('left')) + (e.clientX - mouse.x);
dialog.css({top:top,left:left});
mouse.x = e.clientX;
mouse.y = e.clientY;
};
dialog.find('.bar').mousedown(function(event){
var e = window.event || event;
mouse.x = e.clientX;
mouse.y = e.clientY;
$(document).bind('mousemove',moveDialog);
});
$(document).mouseup(function(event){
$(document).unbind('mousemove', moveDialog);
});

var left = ($(window).width() - dialog.width()) / 2;
var top = ($(window).height() - dialog.height()) / 2;
dialog.css({top:top,left:left});IE6下并沒有fixed模式，但是能通過window.onscroll事件模擬實現：

// top 對話框到可視區域頂部位置的距離。
var top = parseInt(dialog.css('top')) - $(document).scrollTop();
var left = parseInt(dialog.css('left')) - $(document).scrollLeft();
$(window).scroll(function(){
dialog.css({'top':$(document).scrollTop() + top,'left':$(document).scrollLeft() + left});
});

var dlg = new Dialog(content, options);
dlg.show();當然如果只是一般的使用，可以更簡單一些：

new Dialog(content, options).show();
// 或是
dialog(content, options);還可以通過以下四個函數，對插件進行進一步的控制：