弹出对话框 xcConfirm 插件

  • xcConfirm

一款很不错的弹出对话框插件

  • 资源链接:

链接:https://pan.baidu.com/s/1fd0gazLjTm5q8jhI9D8WbA 
提取码:a1n4 

  • 效果图

  • 使用

看文档能是很清楚的

  • 引用相关js,css:  
<link rel="stylesheet" type="text/css" href="css/xcConfirm.css"/>
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
  • 调用xcConfirm 
<script type="text/javascript">
    $(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);
        });
    });
</script>

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值