你的位置:首页 > 软件开发 > 网页设计 > 基于html5手机移动端对话框特效

基于html5手机移动端对话框特效

发布时间:2015-12-14 17:00:12
基于html5手机移动端对话框特效。这是一款适用于手机移动端的文字提示弹出框特效。效果图如下:在线预览 源码下载实现的代码: <center> <input type="button" id="suc ...

基于html5手机移动端对话框特效。这是一款适用于手机移动端的文字提示弹出框特效。效果图如下:

基于html5手机移动端对话框特效

在线预览    源码下载

实现的代码:

 

<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" src='/images/loading.gif' data-original="zepto.min.js"></script>  <script type="text/javascript" src='/images/loading.gif' data-original="mdialog.js"></script>  <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>

原标题:基于html5手机移动端对话框特效

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。