jQury提示框,弹框,确认框插件jqAlert.js(原创)

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

jQury提示框,弹框,确认框插件jqAlert.js(原创) ie兼容11

发布时间: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自动关闭消息通知插件izitoast.js

iziToast.js是一款跨浏览器响应式消息通知插件。该消息通知插件体积小,使用简单。消息显示时带CSS3动画效果,时尚大方。
  工具提示
 9296  108

Metro风格的jQuery个性化消息提示插件

介绍一款Metro风格的消息提示框插件,插件是基于jQuery的,不仅拥有Metro哪种简单精巧的UI风格,而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件,比如HTML5CSS3弹出提示框,感兴趣的朋友也可以前往关注。
  工具提示
 9217  51

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 11484  40

按首字母搜索(仿携程)

城市查找按首字母搜索(仿携程)
  工具提示
 15937  120

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复