js弹出框
来源:寒轩小站
时间:2019-03-21
浏览次数:4445
一、msg 【demo】
var msg = Hyman.msg('tips', { icon: 1, //内置图标[1 正确,2 错误,3 警告], time: 1200, //1.2秒后弹出框自动关闭 popup: true //是否手动关闭弹框 }); msg.remove();
二、load 【demo】
var load = Hyman.load(txt); load.remove();
三、confirm【demo】
var confirm = Hyman.confirm('是否删除', function(flag){ var msg = Hyman.msg(flag, { time: 1200 }); msg.remove(); });
四、prompt【demo】
Hyman.prompt('请输入您的姓名', '寒轩小站', function(txt){ if (txt == ''){ txt = '暂无输入'; }; Hyman.msg(txt, { time: 1200 }); });
五、标准写法 popup
Hyman.popup({ classname: '', //主弹框的样式名 title: '', //提示标题 popup: false, //是否点击其他空白处隐藏 close: true, //是否显示关闭图标 content: '提示信息', //提示内容,必填 sureTxt: true, //是否确认按钮,或者可以改为按钮名 closeTxt: true, //是否取消按钮,或者可以改为按钮名 sureClass: '', //确认按钮额外样式 closeClass: '', //取消按钮额外样式 closeFn: null, //关闭方法 sureFn: null, //确认方法 ready: null, //加载完毕执行的方法 time: null //多少毫秒之后隐藏,不能和按钮同时使用 });
注:以上写法都返回以下方法
popup.show(); //可重复使弹框显示,无需重写内容 popup.html(txt); //可修改弹框内容 popup.remove(); //dom移除弹框
插件地址:
css: Hyman.popup.css
js: Hyman.popup.js