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

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

实现的代码：

//成功

$("#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 });

}

});

});