點擊按鈕體驗效果。
下面是完整代碼，復制保存到html文件就可以了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
if (typeof Util == "undefined") var Util = {};
//配置信息
Util.config = {
JSfile: "http:///keleyi/pmedia/KeleyiXYcore/", //設置JS文件夾路徑
loadingICO: "http:///keleyi/pmedia/KeleyiXYcore/loading.gif" //默認載入時圖片路徑
};
</script>
<script type="text/javascript" src="http:///keleyi/pmedia/KeleyiXYcore/XY_Base.js"></script>
<script type="text/javascript">
$(document).ready(function () {
Util.loadJS("XY_Dialog.js", function () {
$("#btn_show_text").click(function () {
Util.Dialog({
title: "純文本內容",
content: "text:文字"
});
return false;
});
$("#btn_show_img").click(function () {
Util.Dialog({
boxID: "keleyiImg",
title: " 桌面壁紙",
fixed: true,
content: "img:http:///keleyi/pmedia/keleyimenu.png"
});
return false;
});
$("#btn_show_url").click(function () {
Util.Dialog({
title: "彈出框架",
content: "iframe:http:///keleyi/phtml/keleyijquerymenu.htm"
});
return false;
});
});
})
</script>
</head>
<body>
<button id="btn_show_text">彈出文本</button>
<button id="btn_show_img">彈出圖片</button>
<button id="btn_show_url">彈出iframe</button>
</body>
</html>