### **關于彈窗的使用說明**
### 用法：
### 實例化對象
* * * * *
var my = new myFrame();
#### 直接調用該對象下的popups()函數
* * * * *
my.popups({
參數1：參數值1,
參數2：參數值2,
...
});
#### 根據需要傳入對應的參數
* * * * *
my.popups({
//表示點擊陰影部分關閉彈窗
"shadeClose":false,
//彈窗內容
"content":'<div class="content">添加老師微信：<span class="wxnumber wechat"></span</div>',
//表示按鈕集合
"btn":['<span class="no">關閉</span>','<span class="yes">跳轉</span>'],
//點擊關閉按鈕事件，no表示關閉按鈕類名，事件內容隨意編寫
"no":function(){
$('.tc_bg').fadeOut();
},
//點擊確定按鈕事件，yes表示跳轉按鈕類名，事件內容隨意編寫
"yes":function(){
window.location.href = 'http://www.baidu.com';
}
});
#### 參數說明：
* * * * *
| 參數名稱 | 參數值 | 默認值 | 其他 |
| --- | --- | --- | --- |
| shadeClose | true、false | 默認值為true | 表示是否為點擊陰影部分關閉彈窗 |
| content | 接收html+css | 默認為空白區域 | 彈窗中的內容 |
| btn | 接受html+css的按鈕組集合 | 默認一個關閉按鈕 | 每個按鈕必須有一個類，否則無法返回點擊該按鈕后所觸發的事件，可接收任意個按鈕 |
| no | 值為點擊按鈕觸發的函數 | 函數內容根據需要編輯 | 點擊關閉按鈕觸發的函數 |
| yes | 值為點擊按鈕觸發的函數 | 函數內容根據需要編輯 | 點擊確定按鈕觸發的函數 |
### 注意事項：
* * * * *
1. 彈窗的按鈕個數可以任意添加，點擊按鈕的觸發事件函數的函數名必須為該按鈕的類名，如上述中的no、yes等；
2. 按鈕所觸發的函數內容可以任意發揮；
3. 傳入的參數中可以附帶行內樣式；
4. 推廣頁面中，如需在彈窗中添加二維碼或微信號等信息時，需另外執行函數來手動添加，否則無效；如下所示：
* * * * *
function txt(){
//實例化對象
var my = new myFrame();
//調用該對象下的popups()函數
my.popups({
//是否點擊陰影部分關閉彈窗
"shadeClose":false,
//彈窗內容
"content":'<div class="content">添加老師微信：<span class="wxnumber wechat"></span></div>',
//彈窗的小按鈕
"btn":['<span class="no">關閉</span>','<span class="yes">跳轉</span>'],
//彈窗的小按鈕事件函數
"no":function(){
$('.tc_bg').fadeOut();
},
//彈窗的小按鈕事件函數
"yes":function(){
window.location.href = 'http://www.baidu.com/';
}
});
//重新渲染微信號
$('.wechat').text($('.wechat').eq(0).text());
//執行微信號長按復制功能
$('.wxnumber').longPress(function(){
Tajs('copynum');
})
}
### 完整示例：
* * * * *
function txt(){
//實例化對象
var my = new myFrame();
//調用該對象下的popups()函數
my.popups({
//是否點擊陰影部分關閉彈窗
"shadeClose":false,
//彈窗內容
"content":'<div class="content">添加老師微信：<span class="wxnumber wechat"></span></div>',
//彈窗的小按鈕
"btn":['<span class="no">關閉</span>','<span class="yes">跳轉</span>'],
//彈窗的小按鈕事件函數
"no":function(){
$('.tc_bg').fadeOut();
},
//彈窗的小按鈕事件函數
"yes":function(){
window.location.href = 'http://www.baidu.com/';
}
});
}
