首页>>Jquery文字>>弹出层 自动消失的弹出层(2017-07-07)

弹出层 自动消失的弹出层

弹出层 自动消失的弹出层
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="mui-content-padded" style="text-align: center;">  
  2.         <button id="alertBtn" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">警告消息框</button>  
  3.         <button id="confirmBtn" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">确认消息框</button>  
  4.         <button id="toastBtn" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">自动消失提示框</button>  
  5.         <button id="load" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">加载中</button>  
  6.         <div id="info" onclick="$.DialogByZ.Close()">关闭加载</div>  
  7.     </div>  

 

JavaScript Code
  1. <script>  
  2.     ///  
  3.        $("#alertBtn").click(function(){  
  4.            $.DialogByZ.Alert({Title: "提示", Content: "您的请求失败",BtnL:"确定",FunL:alerts})   
  5.        })  
  6.        $("#confirmBtn").click(function(){  
  7.            $.DialogByZ.Confirm({Title: "", Content: "投资前需开通第三方存管账户</br>确保资金安全",FunL:confirmL,FunR:Immediate})  
  8.        })  
  9.        $("#toastBtn").click(function(){  
  10.           $.DialogByZ.Autofade({Content: "感谢您对我们的支持"})  
  11.        })  
  12.        $("#load").click(function(){  
  13.           $.DialogByZ.Loading('../../images/loader-green.gif')   
  14.        })  
  15.     ///  
  16.        function confirmL(){  
  17.                 $.DialogByZ.Close();  
  18.                 $.DialogByZ.Alert({Title: "提示", Content: "您要求稍后开通",BtnL:"确定"})  
  19.        }  
  20.        //  
  21.        function alerts(){  
  22.    
  23.           $.DialogByZ.Close();  
  24.        }  
  25.        function Immediate(){  
  26.           //location.href="http://www.baidu.com"  
  27.           window.open("http://www.freejs.net")  
  28.        }  
  29.          
  30.       
  31.     </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_627.html