使用jq制作轻量的弹出窗口效果

<script type="text/javascript" src="path/to/jQuery.js"></script><script type="text/javascript" src="path/to/zebra_dialog.js"></script><link rel="stylesheet" href="path/to/zebra_dialog.css" type="text/css">

<script>$(document).ready(function() {   //普通信息提示    $(anchor).bind('click', function(e) {        $.Zebra_Dialog('<strong>Zebra_Dialog</strong>, a small, compact and highly' + 'configurable dialog box plugin for jQuery');    });    //指定显示类型    $.Zebra_Dialog('<strong>Zebra_Dialog</strong>, a small, compact and highly' +    'configurable dialog box plugin for jQuery', {    'type':     'error',    'title':    'Error'     });    //指定位置显示    $.Zebra_Dialog('<strong>Zebra_Dialog</strong>, a small, compact and highly' +    'configurable dialog box plugin for jQuery', {    'title':    'Custom positioning',    'position': ['right - 20', 'top + 20']    });    //弹出iframe页面    $.Zebra_Dialog('<strong>Content loaded via AJAX:</strong>', {    source: {'iframe': {'src':  'http://en.m.wikipedia.org/wiki/Dialog_box','height': 500    }},    width: 800,    title:  'External content loaded in an iFrame'    }); });</script>