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

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

 40023  307  查看评论 (2)
分享到微信朋友圈
X
jQury提示框,弹框,确认框插件jqAlert.js(原创) ie兼容11

更新时间: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);
})
相关插件-工具提示,对话框

一款腾讯UED设计的提示插件

一款腾讯UED设计的提示插件
  工具提示
 43582  435

按首字母搜索(仿携程)

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

jquery 工具提示插件awTooltip

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

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 33335  394

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    2656078066 0
    2018/9/30 13:26:19
    总体来说还是不错的,虽然不是很完美,可以适当的修改修改 回复
    自渡 0
    2018/6/25 10:59:30
    顶部提示框呢? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复