js弹出框
来源:寒轩小站 时间:2019-03-21 浏览次数:2701

一、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