|
使用方法:
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的一些參數,如大小、有 主站蜘蛛池模板: 久久亚洲一级α片 | 性一交一乱一色一视频 | 久久99热成人精品国产 | 蜜桃色欲AV久久无码精品 | 交换娇妻呻吟声不停中文字幕 | 日韩欧无码一区二区三区免费不卡 | 女人张开腿让男人添 | 欧美成人无码视频午夜福利 | z0000性欧美| 精品国产免费观看久久久 | 久久精品久久久 | 午夜福利自怕 | 美女被触手注入精子强制受孕漫画 | 亚洲卫视论坛 | 久久丫线这里只精品 | 草莓视频在线播放视频 | 免费国产成人高清在线观看视频 | 羞羞在线观看 | 伊人亚洲AV久久无码精品 | 99久久久久国产精品免费 | 国产人妻精品无码AV在线五十路 | 色www永久免费 | 伊人久久大香线蕉综合网站 | 黑人巨茎vide抽搐 | 杨幂被视频在线观看 | 深喉吞精日本 | 国产一卡 二卡三卡四卡无卡乱码视频 | 青柠在线观看免费播放电影 | 国产69精品久久久久妇女 | 无码欧美毛片一区二区三在线视频 | 麻豆第一区MV免费观看网站 | 国产偷抇久久精品A片蜜臀AV | 高冷师尊被CAO成SAO货 | 精品无码一区二区三区中文字幕 | 国产99视频精品一区 | 99久久免费看少妇高潮A片 | 四虎永久在线精品国产 | 国产成人拍精品视频网 | 日本XXXXZZX片免费观看 | 骚妇BB双飞插 | 24小时日本在线观看片 |