<!-- 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. " /> 毛片免费在线视频,亚洲乱色视频在线观看,哇嘎在线精品视频在线观看

天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

學習YUI.Ext 第四天--對話框Dialog的使用


使用方法:
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
    //任何在這個區域的都是私有變量 ,只能在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的一些參數,如大小、有 主站蜘蛛池模板: 国产色婷婷精品人妻蜜桃成熟 | XXX国产麻豆HD| 国产欧美亚洲综合第一页 | 国产露脸A片国语露对白 | 精品高潮呻吟99AV无码视频 | 小柔的性放荡羞辱日记 | 久久这里只精品热在线18 | 花蝴蝶在线高清视频观看免费播放 | 女人高潮特级毛片 | 国产在线亚洲精品观 | 国产AV天堂亚洲AV麻豆 | 91系列在线观看免费 | 成人女人A级毛片免费软件 成人免费在线视频 | 亚洲日韩中文字幕区 | 国产婷婷午夜精品无码A片 国产婷婷色综合AV蜜臀AV | 国产人妻午夜无码AV天堂 | 色 花 堂 永久 网站 | 99久久香蕉国产线看观看 | 国产色婷亚洲99精品AV在 | 国产免费福利在线视频 | 国产亚洲精品精品精品 | 超碰视频97av | 小莹的性荡生活40章 | 成人在无码AV在线观看一 | 99精品网站 | 中国xxx视频 | 小小水蜜桃3视频在线观看 小向美奈子厨房magnet | 亚洲精品中文字幕在线 | 男女边吃奶边做边爱视频 | 午夜久久影院 | 免费成年人在线视频 | 黄色天堂在线 | 国产婷婷午夜无码A片 | 青青青青青青草 | 伦理片 a在线线版韩国 | 欧美性爱-第1页 | 亚洲人视频在线 | 国产精品久久久久影院色老大 | 免费特黄一区二区三区视频一 | 农民工老头在出租屋嫖老熟女 | 18日本人XXXXXX18 |