## Tips
### 調用方式
tips支持三種不同的調用方式，一般使用$.tips(options)即可。
~~~
//最簡單的方式，組件會根據默認模板輸出dom結構
$.tips(options);
//通過傳入模板字符串的方式
$('<div><%=content%><</div>').tips(options);
//通過傳入css選擇器的方式
$("#id").tips(options);
~~~
### 配置說明
<table>
<tbody><tr>
<th>name</th>
<th>type</th>
<th>default</th>
<th>description</th>
</tr>
<tr>
<td>content</td>
<td>string</td>
<td>''</td>
<td>提示內容，用來填充模板</td>
</tr>
<tr>
<td>stayTime</td>
<td>int</td>
<td>1000</td>
<td>提示停留時間，過了這個時間自動隱藏，設置0則不自動隱藏</td>
</tr>
<tr>
<td>type</td>
<td>string</td>
<td>'info'</td>
<td>提示類型，可選info|warn|success</td>
</tr>
<tr>
<td>callback</td>
<td>funtion</td>
<td>function(){}</td>
<td>回調函數，第一個參數指示回調類型，目前有兩種show|hide</td>
</tr>
</tbody>
</table>
### DEMO演示
~~~
<div class="ui-center">
<div class="ui-btn" id="btn1">彈出提示</div>
</div>
<script type="text/javascript">
var el;
$("#btn1").tap(function(){
el=$.tips({
content:'溫馨提示內容',
stayTime:2000,
type:"success"
});
el.on("tips:hide",function(){
console.log("tips hide");
});
});
</script>
~~~
