插件窝 Js插件 弹出层 jquery轻量级弹出层集合 超实用

jquery轻量级弹出层集合 超实用

2276 0 2
  • 1573202744(1)
  • 1573202705(1)
  • 1573202731(1)
  • 1573202719(1)
  • 1573202682(1)
  • 1573202696(1)
  • 1573202659(1)

资源介绍

简介:

该插件一共8中弹出层模式

html:

<div class="sgBtn" id="btn1">弹窗1(信息)</div>
<div class="sgBtn" id="btn2">弹窗2(提示)</div>
<div class="sgBtn" id="btn3">弹窗3(警告)</div>
<div class="sgBtn" id="btn4">弹窗4(错误)</div>
<div class="sgBtn" id="btn5">弹窗5(成功)</div>
<div class="sgBtn" id="btn6">弹窗6(输入框)</div>
<div class="sgBtn" id="btn7">弹窗7(自定义)</div>
<div class="sgBtn" id="btn8">弹窗8(默认)</div>


js:

$(function(){
    $("#btn1").click(function(){
        var txt=  "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
        window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.info);
    });
    
    $("#btn2").click(function(){
        var txt=  "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
        window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.confirm);
    });
    
    $("#btn3").click(function(){
        var txt=  "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
        window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.warning);
    });
    
    $("#btn4").click(function(){
        var txt=  "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
        window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.error);
    });
    
    $("#btn5").click(function(){
        var txt=  "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
        window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.success);
    });
    
    $("#btn6").click(function(){
        var txt=  "请输入";
        window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.input,{
            onOk:function(v){
                console.log(v);
            }
        });
    });
    $("#btn7").click(function(){
        var txt=  "自动应以呀";
        var option = {
            title: "自定义",
            btn: parseInt("0011",2),
            onOk: function(){
                console.log("确认啦");
            }
        }
        window.wxc.xcConfirm(txt, "custom", option);
    });
    $("#btn8").click(function(){
        var txt=  "默认";
        window.wxc.xcConfirm(txt);
        });
    });
});



相关源码