轻弹窗

演示1.只有一个确认

代码

        box.alert("我出来了,点击确定弹出alert",function(d){
            if(d){
                alert("弹出了一个alert");
            }
        },{
            title:'自定义的提示标题'
        })
        

演示2.有确认和取消

代码

        box.confirm("确定和取消弹出的提示不一样哦",function(d){
            if(d){
                alert("yes");
            } else {
                alert("no")
            }
        },{
            title:'自定义的提示标题'
        })
        

演示3. 弹窗一次配置,多次有效 我和前面的兄弟一样哦

代码

            var box3 = new qbox({title:'一次声明,都有效'});
    function demo4(){
        box3.alert("好吧,就是这样");
    }
    function demo5(){
        box3.alert("你看,是不是一样呢");
        

演示4. 支持html代码

代码

function demo6(){
        var str = '设置等级:1级2级3级';
        box3.confirm(str,function(d){
            if(d){
                alert('你选择了'+document.getElementById('cool2').value);
                alert('请点关闭按钮关闭我');
            } else {
                alert('我要关闭了');
                return false;
            }
            return true;
        },{cancel:'关闭'});
    }

演示5. 有背景遮罩

代码

var box7 = new qbox({title:'有遮罩的提示',mask:true});
    function demo7(){
        box7.alert("就是这个样子");
    }

演示6. 提示框

代码

function demo8(){
        new qbox().tips('这是提示',{
            second:2
        });
    }
        

• 演示地址: http://abocd.github.io/qbox/demo.html