写了个简单的摸拟alert\提示框,有需要可以拿去用.

本文介绍了一个基于jQuery的简易提示框插件,该插件能够显示不同类型的对话框,包括确认框、信息框、成功提示框等,并提供了丰富的示例代码。

写了个简单的摸拟alert\提示框,欢迎大家使用.

源码下载:https://github.com/tomlxq/jquery-confirm

效果图:

This is a demonstration. include fancybox css/js, please take care!

Example:

$(document).ready(function() {
        $("#delete_without_layer").click(function () {
            $.tConfirm.open({body:'Are you sure to delete?',type:'confirm',onOk:function(){
                alert("yes");
            }});
        });
        $("#delete_with_layer").click(function () {
            $.tConfirm.open({overlay:true,body:'Are you sure to delete?',type:'confirm',onOk:function(){
                alert("yes");
            }});
        });
        $("#information").click(function () {
            $.tConfirm.open({body:'This is confirm box based on fancybox!',type:'info',onOk:function(){
                alert("yes");
            }});
        });
        $("#success").click(function () {
            $.tConfirm.open({body:'Save success!',type:'success',onOk:function(){
                alert("yes");
            }});
        });
        $("#error").click(function () {
            $.tConfirm.open({body:'Some fields are wrong!',type:'error',onOk:function(){
                alert("yes");
            }});
        });      $("#warning").click(function () {
            $.tConfirm.open({body:'Someone login, it\'s not real user!',type:'warning',onOk:function(){
                alert("yes");
            }});
        });
    });
single image
Figure 1. common confirm
single image
Figure 2. confirm box with layer
single image
Figure 3. error box
single image
Figure 4. success box
single image
Figure 5. warning box

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值