<!-- 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. " /> 精品国产欧美一区二区三区成人,免费的一极毛片在线播放,一级毛片一级毛片一级毛片

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

學(xué)習(xí)YUI.Ext 第四天--對(duì)話框Dialog的使用


使用方法:
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)椴捎脝卫J剑荒鼙籲ew重復(fù)實(shí)例。這里是用懶惰的方法作判斷。 
                dialog = new YAHOO.ext.BasicDialog("hello-dlg", { 
                        modal:true,//這段代碼是dialog的一些參數(shù),如大小、有 主站蜘蛛池模板: fefe66免费毛片你懂的 | 欧美福利网站 | 午夜激情视频 | 思思99精品国产自在现线 | 老司机51精品视频在线观看 | 四虎影视在线观看永久地址 | 亚洲图片一区二区三区 | 色婷婷综合在线 | 88国产精品欧美一区二区三区 | 国产一区二区精品久久凹凸 | 女人洗澡一级特黄毛片 | 亚洲爱婷婷色婷婷五月 | 国产精品成人自拍 | 丁香六月在线 | 国产成人一区在线播放 | 成人国产在线24小时播放视频 | 黄色网址在线视频 | 国产成人最新毛片基地 | 欧美专区视频 | 高清国产美女一级a毛片 | 国产精品久久久久毛片真精品 | 亚洲精品在线播放视频 | 狠狠亚洲婷婷综合色香五 | 精品国语对白精品自拍视 | 在线观看国产小视频 | 欧美日本韩国一区 | 国内精品视频成人一区二区 | 久在线观看 | 日本高清色惰www在线视频 | 床戏免费网站 | 欧美成人综合在线观看视频 | 亚洲成人伊人网 | 亚洲黄色美女 | fenfencao在线观看免费视频 | 能在线观看的一区二区三区 | 免费人成网站在线高清 | 国产小视频精品 | 亚洲人成亚洲精品 | 色综合久久综合欧美综合图片 | a黄色网| 天天添天天干 |