js手機端對話框特效



87 346 116



特效描述:js手機端 對話框特效,js手機端對話框特效

代碼結構

1. 引入CSS

<link rel="stylesheet" type="text/css" href="mdialog.css">

2. 引入JS

<script type="text/javascript" src="zepto.min.js"></script>
<script type="text/javascript" src="mdialog.js"></script>

3. HTML代碼

<center>
<input type="button" id="success" value="成功" />  
<input type="button" id="error" value="錯誤" />  
<input type="button" id="load" value="正在加載" />  
<input type="button" id="tip" value="提示" />     
</center>
<script type="text/javascript">
	 //成功  
    $("#success").click(function(){  
        new TipBox({type:'success',str:'操作成功',hasBtn:true});
    });  
    //錯誤  
    $("#error").click(function(){  
        new TipBox({type:'error',str:'對不起,出錯了!',hasBtn:true});  
    });  
    //提示  
    $("#tip").click(function(){  
        new TipBox({type:'tip',str:'這是提示信息',clickDomCancel:true,setTime:10000500,hasBtn:true});  
    });  
    //加載  
    $("#load").click(function(){  
        new TipBox({type:'load',str:"努力加載中..",setTime:1500,callBack:function(){  
            new TipBox({type:'success',str:'操作成功',hasBtn:true});  
        }});  
    });  
</script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 文字提示框 提示文字
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子