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

delayClose: 1000
});
});
// ]]></script>
</div>
<div class=”jb51_Highlighter”>
<pre class=”brush:javascript”>$(“#A2”).click(function() {
$(this).cvbox({
titleBarText: “弹出提示框1秒后自动关闭”,
alertText: “世界上最远的距离不是生与死的距离<br />而是我在你面前<br />你却不知道我爸爸是李刚”,
delayClose:1000
});
});
</pre>
</div>
<div>
<a id=”A3″ href=”javascript:void(0);”>3.弹出对话框，点击查看效果。</a>
<script type=”text/javascript”>// <![CDATA[
$(“#A3”).click(function() {
$(this).cvbox({
titleBarText: “弹出对话框”,
confirmText: “世界上最远的距离不是生与死的距离<br />而是我在你面前<br />你却不知道我爸爸是李刚<br /><br />你确认你爸是李刚吗？”,
submitAfter: HelloLiGang
});
});
function HelloLiGang() {
alert(“对您爸爸的敬仰犹如滔滔江水连绵不绝！”);
}
// ]]></script>
</div>
<div class=”jb51_Highlighter”>
<pre class=”brush:javascript”>$(“#A3”).click(function() {
$(this).cvbox({
titleBarText: “弹出对话框”,
confirmText: “世界上最远的距离不是生与死的距离<br />而是我在你面前<br />你却不知道我爸爸是李刚<br
/><br />你确认你爸是李刚吗？”,
submitAfter:HelloLiGang
});
});
function HelloLiGang(){
alert(“对您爸爸的敬仰犹如滔滔江水连绵不绝！”);
}
</pre>
</div>
<div>
<a id=”A4″ href=”javascript:void(0);”>4.载入一段HTML内容，点击查看效果。</a>
<div class=”A4Demo” style=”display: none; width: 550px; padding: 10px;”>
<div>
通常这段内容的display都设置为hidden，此处只是为了演示该HTML内容是在当前页面，而不是动态write出来的，可查看页面源文
件。
<br />
内容可以是任意元素，包括iframe也可以。
</div>
<div>
</div>
</div>
<script type=”text/javascript”>// <![CDATA[
$(“#A4”).click(function() {
$(“.A4Demo”).cvbox({
titleBarText: “载入一段HTML内容”
});
});
// ]]></script>
</div>
<div class=”jb51_Highlighter”>
<pre class=”brush:html”><div class=”A4Demo” style=”display:none; width:550px; padding:10px; “>
<div>
通常这段内容的display都设置为hidden，此处只是为了演示该HTML内容是在当前页面，而不是动态write出来的，可查看页面源文件。