|
|
使用方法：
1.加入YUI.Ext 庫(kù)到你的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 。如果你是一個(gè)美工，最多打交道的地方，可能就是這幾個(gè)文件：
<!--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.加入一個(gè)holder.holder的意思是一個(gè)載體，JS處理好數(shù)據(jù)，轉(zhuǎn)變成內(nèi)容（Contents，文字、圖片、表格等）放在這里,也可以理解為一個(gè)架子，承托所有內(nèi)容。holder表現(xiàn)形式很簡(jiǎn)單，通常是幾行div。
<div id="hello-dlg" style="visibility:hidden;position:absolute;top:0px;">
<div class="ydlg-hd">中易旅游網(wǎng)</div>
<div class="ydlg-bd"> 您沒(méi)確認(rèn)條款內(nèi)容。</div>
</div>
4.加入定義Dialog腳本，實(shí)例化Dialog：
// create the HelloWorld application (single instance)
var HelloWorld = function(){
// everything in this space is private and only accessible in the HelloWorld block
//任何在這個(gè)區(qū)域的都是私有變量 ，只能在HelloWorld訪問(wèn)
var dialog, showBtn;
var toggleTheme = function(){
getEl(document.body, true).toggleClass('ytheme-gray');
};
// return a public interface
return {
init : function(){
showBtn = getEl('goNextBtn'); //綁定一個(gè)按鈕
// attach to click event 加入事件
/showBtn.on('click', this.showDialog, this, true);
///getEl('theme-btn').on('click', toggleTheme);
},
showDialog : function(){
if(!dialog){ //因?yàn)椴捎脝卫Ｊ剑荒鼙籲ew重復(fù)實(shí)例。這里是用懶惰的方法作判斷。
dialog = new YAHOO.ext.BasicDialog("hello-dlg", {
modal:true,//這段代碼是dialog的一些參數(shù)，如大小、有 主站蜘蛛池模板： 国产欧美一区二区精品性色tv | 碰人超人人人超人人 | 中文字幕第一区 | 欧美精品日韩一区二区三区 | 中文字幕在线永久在线视频2020 | 久久riav二区三区 | 久久亚洲精品视频 | 国产综合婷婷 | 国产精选在线 | 乱爱妇乱子伦精品 | 国产真实伦实例 | 色婷婷亚洲精品综合影院 | 亚洲乱码一二三四区国产 | 久久久午夜精品理论片 | 在线观看91精品国产剧情免费 | 国产成人ay手机在线观看 | 国产精品久久久久亚洲 | 精品视频一区二区三区四区 | 91成人网 | 香蕉草草久在视频在线播放 | 国产床戏无遮挡免费观看网站 | 在线欧美a | 性欧美videosg最新另类 | 朝鲜美女免费一级毛片 | 日本欧美久久久久免费播放网 | 免费黄视频网站 | 午夜a毛片 | 国内精品免费网站牛牛 | 91精品福利手机国产在线 | 五月婷婷七月丁香 | 青青草97国产精品免费观看 | 久久er99热精品一区二区 | 亚洲国产精品综合久久一线 | 亚洲国产日产无码精品 | 久久夜色精品国产亚洲 | 草久久久 | 日本网络视频www色高清免费 | 91精品在线观看视频 | 精品一区二区三区五区六区七区 | 91在线精品麻豆欧美在线 | 久久久久久尹人网香蕉 |