js手机端对话框特效



84 332 111



特效描述: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

加群请备注:从官网了解到