jQuery提示框插件myAlert

所属分类:UI-工具提示,弹出层

jQuery提示框插件myAlert ie兼容6

更新时间:2017/12/18 上午11:44:02

更新说明:新增内容

作者有话说:

1、有压缩的版本和原版,有兴趣的小伙伴可以去看看实现原理,超级简单的

2、因为要兼容到IE低版本,所以加载 动画只能用图片来展示,不然可以直接写个动画,精美并且小,所以插件变大了一倍左右(哎,只能说万恶的IE )

四、加载中提示框

这个与myToast方法使用范围不一样:

myToast是会自动消失的短时间提示条;

myLoadding提示动作正在进行中,当动作进行完毕后必须手动调用$.removeModa()方法来关闭;

(1)默认【提示内容为:加载中,请稍后...】

$.myLoadding()

(2)自定义提示内容

$.myLoadding("这里是自定义内容")

五、删除myAlert组件(即消除掉myAlert效果)

此方法会删除除$.myToast()以外的所有myAlert中的节点

$.removeModa();


更新时间:2017/12/15 上午11:04:51

更新说明:提示框弹出时,禁止弹框下面的内容滚动,用户体验更好些。


myAlert使用方法:

本插件是基于jQuery的插件,为了良好的兼容IE6以及以上的IE浏览器,建议引用myAlert中的jquery(当然也可以根据自己的情况来选择其他jquery版本);

一、 myAlert:带有确认按钮的提示框

(1)只有提示信息,没有标题和回调函数

$.myAlert('这里是提示框内的内容');

(2)带有标题和提示信息

$.myAlert({title:'Title',message:'message'});

(3)带有标题、提示信息和回调函数

$.myAlert({title:'Title',message:'message',callback:function(){alert(1)}});

二、有确认和取消按钮的确认框

(1)只有提示信息和回调函数

$.myConfirm({message:'确认框提示内容',callback:function(){alert('callback')}})

(2)带有标题,提示信息和回调函数

$.myConfirm({title:'确认框提示标题',message:'确认框提示内容',callback:function(){alert('callback')}})

三、会自动消失,没有回调的提示条

$.myToast('提示内容')
相关插件-工具提示,弹出层

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 10888  74

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 14421  85

jquery自动关闭消息通知插件izitoast.js

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

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

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

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

    がさいゆの 0
    2017/12/22 14:29:11

    不知道为啥,不弹出来!

        豆豆天尊0
        2017/12/22 14:50:21

        需要在页面中加入jquery.js;myalert.css;myalert.js,如果都加入了,就看看有没有按照正确的使用方法来

    回复
    豆豆天尊 0
    2017/12/18 10:32:38

    之后我会在插件里中补充一个(正在加载中的功能),可以用在ajax请求发送后、完成前

    回复
    长不大的男孩 0
    2017/12/18 9:46:05

    连续签到3天,忘记昨天签到了,又重置了,=,=

    回复
    高英建 0
    2017/12/16 1:06:37

    不错

        长不大的男孩0
        2017/12/18 9:47:11

        嗯嗯,我也想用了试试

    回复
    azhangge 0
    2017/12/11 15:06:52
    挺好的就是要币
        豆豆天尊0
        2017/12/11 15:11:02

        签到就可以获得Q币,下载只需要1Q币,签到一天的就可以获取了

        嘻嘻0
        2017/12/14 10:02:46

        不需要昵称_-0
        2017/12/14 15:51:44
        怎么签到啊?
        豆豆天尊0
        2017/12/15 10:20:11

        在个人中心主内容的右上角有个(签到)

        柚子_Times0
        2017/12/21 12:19:44

        本来要签到三天。结果最后一天忘签了。又得重来 ^_^

    回复
取消回复