|
|
使用方法：
1.加入YUI.Ext 庫到你的web程序：
<!-- YAHOO UI Utilities Lib, you will need to replace this with the path to your YUI lib file -->
<script type="text/Javascript" src="deepcms/yui/utilities_2.1.0.js"></script><script type="text/Javascript" src="deepcms/yui-ext.0.33-rc1/yui-ext.js"></script>
2.加入樣式表 CSS Style 。如果你是一個美工，最多打交道的地方，可能就是這幾個文件：
<!--YahooUI! Ext -->
<link rel="stylesheet" type="text/css" href="yui-ext.0.33-rc1/resources/css/reset-min.css" />
<link rel="stylesheet" type="text/css" href="yui-ext.0.33-rc1/resources/css/resizable.css" />
<link rel="stylesheet" type="text/css" href="yui-ext.0.33-rc1/resources/css/tabs.css" />
<link rel="stylesheet" type="text/css" href="yui-ext.0.33-rc1/resources/css/basic-dialog.css" />
3.加入一個holder.holder的意思是一個載體，JS處理好數據，轉變成內容（Contents，文字、圖片、表格等）放在這里,也可以理解為一個架子，承托所有內容。holder表現形式很簡單，通常是幾行div。
<div id="hello-dlg" style="visibility:hidden;position:absolute;top:0px;">
<div class="ydlg-hd">中易旅游網</div>
<div class="ydlg-bd"> 您沒確認條款內容。</div>
</div>
4.加入定義Dialog腳本，實例化Dialog：
// create the HelloWorld application (single instance)
var HelloWorld = function(){
// everything in this space is private and only accessible in the HelloWorld block
//任何在這個區(qū)域的都是私有變量 ，只能在HelloWorld訪問
var dialog, showBtn;
var toggleTheme = function(){
getEl(document.body, true).toggleClass('ytheme-gray');
};
// return a public interface
return {
init : function(){
showBtn = getEl('goNextBtn'); //綁定一個按鈕
// attach to click event 加入事件
/showBtn.on('click', this.showDialog, this, true);
///getEl('theme-btn').on('click', toggleTheme);
},
showDialog : function(){
if(!dialog){ //因為采用單例模式，不能被new重復實例。這里是用懶惰的方法作判斷。
dialog = new YAHOO.ext.BasicDialog("hello-dlg", {
modal:true,//這段代碼是dialog的一些參數，如大小、有 主站蜘蛛池模板： 真实农村女人野外自拍照片 | gayxxxxgay呻吟受日本 | 日日噜噜噜噜夜夜爽亚洲精品 | 一本之道高清视频在线观看 | 国产爱豆果冻传媒在线观看视频 | 国产一区二区三区内射高清 | 亚洲人成网站在线观看90影院 | 亚洲 日韩 自拍 视频一区 | 91热久久免费精品99 | 秋葵app秋葵官网18在线观看 | 花蝴蝶免费观看影视 | 麻豆人妻换人妻X99 麻豆区蜜芽区 | 13一18TV处流血TV | 在线精品一卡乱码免费 | 中文字幕一区二区三区在线观看 | 日本漫画之无彩翼漫画 | 女教师跟黑人男朋友激情过后 | 婷婷综合亚洲爱久久 | 99九九免费热在线精品 | 无码AV精品久久一区二区免费 | 婷婷六月激情综合一区 | 国产欧美日韩精品a在线观看高清 | 第四色播日韩AV第一页 | 欧美性xxx极品 | 毛片在线全部免费观看 | 一个人的免费完整在线观看HD | 2021全国精品卡一卡二 | 国产午夜不卡 | 国产一在线精品一区在线观看 | 久久精品熟女亚洲AV国产 | 嘟嘟嘟影院免费观看视频 | 100国产精品人妻无码 | 狠狠色狠狠色综合日日小说 | 色偷偷91综合久久噜噜 | 欧式午夜理伦三级在线观看 | 国产AV无码成人黄网站免费 | 欧美精品AV一区二区无码 | 国产精品看高国产精品不卡 | 天天澡夜夜澡人人澡 | 亚洲精品久久久无码一区二区 | 亚洲qvod图片区电影 |