Html5 mobile phone-based dialog box effects and html5 Effects

Html5 mobile phone-based dialog box effects and html5 Effects

Based on the mobile terminal dialog box Special Effects of html5 mobile phones. This is a text prompt pop-up box special effect for mobile phones. As follows:

Download Online Preview source code

Implementation Code:

 

<Center> <input type = "button" id = "success" value = "successful"/> <input type = "button" id = "error" value = "error "/> <input type = "button" id = "load" value = "loading"/> <input type = "button" id = "tip" value = "prompt"/> </center> <script type = "text/javascript" src = "zepto. min. js "> </script> <script type =" text/javascript "src =" mdialog. js "> </script> <script type =" text/javascript "> // success $ (" # success "). click (function () {new TipB Ox ({type: 'success', str: 'Operation successful ', hasBtn: true}) ;}); // error $ ("# error "). click (function () {new TipBox ({type: 'error', str: 'sorry, error! ', HasBtn: true}) ;}); // prompt $ ("# tip "). click (function () {new TipBox ({type: 'tip ', str: 'This is the prompt information', clickDomCancel: true, setTime: 10000500, hasBtn: true}) ;}); // load $ ("# load "). click (function () {new TipBox ({type: 'load', str: "loading .. ", setTime: 1500, callBack: function () {new TipBox ({type: 'success', str: 'Operation successful ', hasBtn: true}) ;}}) ;}); </script>

Via: http://www.w2bc.com/article/2015-11-01-html5-mobile-alter-info