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

GitHub Gitee

j.msg({
    content: "hello world " + (new Date()).valueOf()
});
j.msg({
    content: "hello world " + (new Date()).valueOf(),  //消息
    time: 8,    //倒计时8秒 默认4秒 0为不关闭
    single: false,  //允许弹窗多个 默认弹窗一个
    drag: true  //可拖动
});
j.msg({
    content: "hello world " + (new Date()).valueOf() + " 请滑动滚轮",  //消息
    fixed: true,    //绝对位置 position:fixed    
    time: 0,        //不自动关闭
    blank: true    //点击空白关闭
});
j.confirm({
    content: "hello world " + (new Date()).valueOf(),
    cancel: false
});
j.confirm({
    content: "hello world " + (new Date()).valueOf()
});
j.confirm({
    content: "倒计时关闭,有遮罩层 ",
    mask: true, //遮罩层
    time: 4 //倒计时关闭
});
j.confirm({
    content: "hello world " + (new Date()).valueOf(),
    ok: function(){ 
        j.msg({ content: "你点击了确定,阻止关闭" })
        return false;
    },
    cancel: function(){ 
        j.msg({ content: "你点击了取消或关闭" })
    }
});
j.confirm({
    title: "Message",
    content: "hello world " + (new Date()).valueOf(),
    cancelValue: "否",
    okValue: "是"
});
j.iframe({
    src: "iframe.html", //iframe src属性
    close: function(){
        j.tip({
            target:"#txt6",
            content:"弹窗返回的值,在这里!",
            time:6,
            focus:true
        })
    }
});
j.iframe({
    title: "新窗口",   //指定标题
    src: "//segmentfault.com",
    width: 440, //指定宽度 
    height: 600,    //指定高度
    scrolling: true,    //滚动条自动
    mask: true,  //遮罩层
    close: function(){
        j.msg({content:"你关闭了弹窗"});
    }
});
*  弹窗实现 参数列表:
*  title:标题    text/html(j.msg默认无)
*  content:文本信息    text/html(j.msg、j.confirm 显示的文本或html,j.iframe不传)
*  time:倒计时关闭 单位:秒     number(j.msg默认4秒,j.confirm、j.iframe默认不关闭)
*  blank:点击空白关闭    bool(默认false,此关闭不触发弹窗关闭事件 有遮罩层失效)    
*  fixed:绝对位置  bool(position:fixed) 
*  mask:遮罩层    bool(默认 false)                             
*  center: 自动居中    bool(默认 false)
*  single:只弹出一个    bool
*  drag:拖动     bool(j.msg默认false,j.confirm、j.iframe 默认true)
*  ok:确定回调     function(确定回调)
*  okValue:确定按钮文本      text(默认“确定”,有确定按钮则生效)
*  cancel:取消回调  function/bool(取消回调/不显示取消按钮)
*  cancelValue:取消按钮文本      text(默认“取消”,有取消按钮则生效)
*  close:窗口关闭回调    function/bool(关闭回调/不显示,j.confirm没有,合并为cancel事件)
*  src:iframe弹窗地址  
*  width:弹出层最小宽度或iframe宽度   number(iframe默认 600)
*  height:iframe弹窗高度 单位 px      number(默认 200)
*  scrolling:iframe弹窗滚动条    bool(默认false)



j.tip({
    target: "#select41", //下拉列表框的#id
    content: "hello world", 
    blank: true    //点击空白关闭
})
j.tip({
    target: "#select41",
    content: "hello world " + (new Date()).valueOf(),
    single: false,
    time: 4,    //倒计时关闭
    align: this.value   //指定提示方向 默认下方 top|right|left|bottom
})
*  小提示 tip 参数列表:
*  target:#id/Element(提示目标#id或对象)
*  content:提示信息    text/html
*  single:只弹出一个    bool(默认true)
*  align:提示位置方向 默认下方 top|right|left|bottom
*  time:倒计时关闭 单位 秒     number(默认不关闭)
*  blank:点击空白关闭    bool(默认false)
*  focus:焦点选中目标    bool(默认false)