Based on the HTML5 mobile phone Mobile-side dialog box effect

HTML Demo Address: http://www.w2bc.com/demo/201511/2015-11-01-html5-mobile-alter-info/index.html

<Center>        <inputtype= "button"ID= "Success"value= "Success" />        <inputtype= "button"ID= "Error"value= "Error" />        <inputtype= "button"ID= "Load"value= "Loading" />        <inputtype= "button"ID= "Tip"value= "hint" />    </Center>     <Scripttype= "Text/javascript"src= "Zepto.min.js"></Script>    <Scripttype= "Text/javascript"src= "Mdialog.js"></Script>    <Scripttype= "Text/javascript">        //Success        $("#success"). Click (function () {            Newtipbox ({type:'Success', str:'Operation succeeded', hasbtn:true });        }); //Error        $("#error"). Click (function () {            Newtipbox ({type:'Error', str:'Sorry, something went wrong!', hasbtn:true });         }); //Tips        $("#tip"). Click (function () {            Newtipbox ({type:'Tip', str:'This is a hint message', Clickdomcancel:true, SetTime:10000500, hasbtn:true });         }); //Loading        $("#load"). Click (function () {            Newtipbox ({type:'Load', str:"try to load in:", SetTime: the, CallBack:function () {                    Newtipbox ({type:'Success', str:'Operation succeeded', hasbtn:true });        }            });     }); </Script>

Based on HTML5 Mobile Phone Mobile Dialog effects