html自动弹出提示对话框代码,html5简单的手机端弹出对话框确认代码

特效描述：html5手机端 弹出对话框确认。html5手机端弹出对话框

代码结构

1. 引入JS

2. HTML代码

没有传递任何参数(需手动关闭)

弹出一个不带任何按钮,且是警告的框,并且两秒后自动关闭

弹出一个有确认的取消的按钮的成功框,点击按钮直接关闭

弹出一个有确认的警告框,点击按钮不可以关闭(需要手动关闭)

弹出一个多组合的按钮框,且按钮样式可以定制

弹出一个确认和删除的框,点击确认弹出加载2秒自动关闭,点击删除按钮把上一次框关闭

带动画的弹出框

$('#btn1').tap(function(){

var d = $.dialog();

});

$('#btn2').tap(function(){

var d = $.dialogTwo();

});

$('#btn3').tap(function(){

var d = $.dialogThree();

});

$('#btn4').tap(function(){

var d = $.dialogFour();

});

$('#btn5').tap(function(){

var d = $.dialogFive();

});

$('#btn6').tap(function(){

var d = $.dialogSix({

type:'warning',

message:'这是一个警告框！',

buttons:['确认',

'删除']

})

});

$('#btn7').tap(function(){

var d = $.dialogSeven();

});