jz弹窗插件 demo v1.0.1 (一个文件,约15KB)

GitHub Gitee

j.alert   j.msg   j.confirm   j.iframe   弹窗返回的对象及方法   文档   j.tip
j.alert({
    content:"hello world " + (new Date()).valueOf(),
    blank:true,

    //1-9数字键盘的位置对应屏幕的位置,0不定位(仅初始化居中)
    //1左下角,2底部居中,3右下角,
    //4垂直居左,5水平垂直居中,6垂直居右,
    //7左上角,8顶部居中,9右上角
    align:Math.ceil(Math.random()*10)-1
})
j.alert("hello world " + (new Date()).valueOf(),{
    ok:function(){
        j.alert("ok回调")    
    },
    close:function(){
        j.alert('close回调')
    },
    remove:function(){
        j.alert('remove回调')
    }
})
j.alert({
    title:"警告",
    content:"hello world " + (new Date()).valueOf(),
    time:9, //倒计时自动关闭
    mask:.7, //启用遮罩层,0-1的不透明度
    okValue:"OK", //按钮文字
    ok:function(){
        j.alert("不允许关闭",{align:8,time:2,blank:true});
        return false;
    },
    close:false
})
j.msg({
    content:"hello world " + (new Date()).valueOf(),
    mask:.5, //遮罩层不透明度
    align:8, //顶部居中
    time:8, //倒计时
    blank:true, //空白关闭
    fixed:true, //绝对定位(固定顶部)
    drag:true,   //拖拽
    width:"50%" //宽度
})
j.iframe({
    title:"SF.GG",
    src:"https://segmentfault.com/",
    width:"350px", //宽度,不带单位默认为PX
    height:"90%", //高度,支持百分比
    scrolling:true, //有滚动条
    align:5, //定位方式
    mask:.6, //不透明度
    blank:true, //空白关闭
    fixed:false //非绝对定位
})
j.iframe({
    title:false,
    src:"https://segmentfault.com/",
    width:"100%",
    height:"100%",
    time:5, //倒计时关闭
    scrolling:true //有滚动条
})
j.iframe({
    src:"iframe.html"
})

    /*  tip小提示 
     
     *  参数列表:

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

     */