jQury提示框，弹框，确认框插件jqAlert.js(原创）

所属分类：UI-工具提示,对话框

39972 307 查看评论 (2)

分享到微信朋友圈

查看演示立即下载

插件描述：jQury提示框，弹框，确认框插件PC端+移动端通用，大小只有6K

更新时间：2018/9/13 下午4:42:18

更新说明：优化了底部提示框闪动不稳定，新增提示框自动关闭功能。

发布时间：2018-6-7 1:23

本插件提供了三种提示，第一种是底部提示，第二种和第三种是遮罩层提示框，本提示框使用PC和移动端。

使用本插件最好在body便签加上如下样式。

PC：<body style="font-size: 14px !important;">
MO：<body style="font-size: 14px !important;">

插件使用方法：

底部提示框

$('#alert1').click(function () {
  //第一个参数是提示信息
  //第二个(可选)参数是显示的时间，默认2000
  jqAlert.Layer('我是底部提示框','2000');
});

遮罩层提示框

$('#alert2').click(function () {
     //第一个参数是提示信息
     //第二个和第三个参数不填
     jqAlert.Confirm('我是遮罩层提示框');
});

遮罩层确定框

$('#alert3').click(function(e) {
    //第一个参数是提示信息
    //第二个参数是点击确定的回调函数，如果需要操作数据，必须传参数event
    //第三个参数是获取当前事件的，不传获取不到节点
    jqAlert.Confirm('确定删除吗？', function(event) {
        console.log($(event).attr('id'));
        console.log(event.id);
        console.log(e.target.id);
    }, e);
})

jQuery自定义select下拉框

仿酷狗轮播图超炫酷效果