自定义弹出提示插件

来源:https://www.sucaihuo.com/js/1434.html 2017-03-08 20:07浏览(484) 收藏

我自己封装的一个插件,只需引用jQuery库文件,就可以直接调用。且有回调函数。自定义编写标题,内容,icon,按钮等。兼容到ie7,运用css3动画。
自定义弹出提示插件
分类:悬浮层/弹出层 > 对话框 难易:高级
查看演示 下载资源 下载积分: 40 积分
<div class="btn1">点击事件(包含确定+取消)</div><br />
<div class="btn2">点击事件(包含确定)</div><br />
$(function() {
    $(".btn1").click(function() {
        popup.open({
            title: "温馨提示", //设置标题
            imgSrc: "question.png", //显示图片
            content: "确定要删除这条数据吗?删除后不可恢复!", //设置内容
            cancelBoolse: 1, //1为 确定+取消按钮都有,0为只有确定按钮
            cancelBtn: "取消", //设置关闭文字
            submitBtn: "确定", //设置确定文字
            submitCallBack: submitCallBack, //设置确定的回调函数
            closeCallBack: closeCallBack //设置关闭的回调函数
        });
    });
    $(".btn2").click(function() {
        popup.open({
            title: "温馨提示", //设置标题
            imgSrc: "warning.png", //显示图片
            content: "请您将信息填写完整!", //设置内容
            cancelBoolse: 0, //1为 确定+取消按钮都有,0为只有确定按钮
            submitBtn: "确定", //设置确定文字
            submitCallBack: submitCallBack, //设置确定的回调函数
            closeCallBack: closeCallBack //设置关闭的回调函数
        });
    });
});
/*确定回调函数*/
function submitCallBack() {
    alert("点击了确定按钮!");
}
/*关闭回调函数*/
function closeCallBack() {
    alert("点击了取消按钮!");
}
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2