Jz JavaScript Popup v2.0.0

GitHub Gitee


引入 jz.js,样式自动载入

jz.alert 弹出提示 定位,0-9,重复点击看效果

jz.alert({
    //内容
    content: "定位,0-9 重复点击看效果",
    //空白关闭
    blank: true,
    //按钮文字
    okValue:"朕知道了",

    /*
        1-9数字键盘的位置对应屏幕的位置,0不定位(仅初始化居中)
        1左下角,2底部居中,3右下角,
        4垂直居左,5水平垂直居中,6垂直居右,
        7左上角,8顶部居中,9右上角

        7 8 9
        4 5 6
        1 2 3
    */
    align: Math.ceil(Math.random()*10)-1
})

jz.alert 弹出提示 事件

jz.alert("hello world " + (new Date()).valueOf(),{
    //确定事件
    ok: function(){
        jz.msg("ok回调")
    },
    //关闭
    close: function(){
        jz.msg('close回调')
    },
    //移除
    remove: function(){
        jz.msg('remove回调',{align:8,single:false})
    }
})

jz.alert 弹出提示 倒计时、不透明度、按钮文字、阻止关闭、不显示关闭按钮

jz.alert({
    //标题
    title: "阻止关闭",
    content: "hello world " + (new Date()).valueOf(),
    //倒计时自动关闭
    time: 5,
    //启用遮罩层,0-1的不透明度
    mask: .5,
    //阻止关闭
    ok: function(){
        jz.msg("阻止关闭");
        return false;
    },
    //不显示关闭按钮
    close: false
})

jz.msg 气泡消息 定位 遮罩层

jz.msg({
    content: "hello world " + (new Date()).valueOf(),
    mask: .05, //遮罩层不透明度
    align: 8, //顶部居中
    time: 8, //倒计时
    blank: true, //空白关闭
    fixed: true, //绝对定位(固定顶部)
    drag: true,   //拖拽
    width:"50%" //宽度
})

jz.iframe 子页面 滚动条、宽高,定位,遮罩层

jz.iframe({
    title: "SF.GG",
    src: "https://segmentfault.com/",
    //宽度,不带单位默认为PX
    width: "350px",
    //高度,支持百分比
    height: "90%",
    //有滚动条
    scrolling: true,
    //定位方式
    align: 5,
    //不透明度
    mask: .6,
    //空白关闭
    blank: true,
    //非绝对定位
    fixed: false
})

jz.iframe 子页面 无标题、全屏

jz.iframe({
    title: false,
    src: "https://segmentfault.com/",
    width: "100%",
    height: "100%",
    //倒计时关闭
    time: 5,
    scrolling: true
})

jz.iframe 子页面 传值、关闭

jz.iframe({
    src: "iframe.html"
})

文档

tip小提示 
     
参数列表:

target:#id/Element
content:提示信息    text/html
single:只弹出一个    bool
time:倒计时关闭 单位:秒     number(默认不关闭)
blank:点击空白关闭    bool(默认false)
focus:焦点选中目标    bool(默认false)
回到顶部