jQuery消息提醒插件jquery.my-message(原创)

查看演示立即下载

插件描述：基于jQuery开发的一个消息提醒插件jquery.my-message

jquery.my-message

一个消息提醒的jq插件

浏览器支持：IE8+

html

<button id="btn1">普通的</button>
<button id="btn2">成功的</button>
<button id="btn3">警告的</button>
<button id="btn4">错误的</button>

调用方式及参数说明

var message = new MyMessage.message({
    /*默认参数，下面为默认项*/
    iconFontSize: "20px", //图标大小,默认为20px
    messageFontSize: "12px", //信息字体大小,默认为12px
    showTime: 3000, //消失时间,默认为3000
    align: "center", //显示的位置类型center,right,left
    positions: { //放置信息距离周边的距离,默认为10px
        top: "10px",
        bottom: "10px",
        right: "10px",
        left: "10px"
    },
    message: "这是一条消息", //消息内容,默认为"这是一条消息"
    type: "normal", //消息的类型，还有success,error,warning等，默认为normal
});
/*两种不同的设置方式*/
message.setting({
    align: "center" //会覆盖前面的所有设置,可以创建不同的对象去避免覆盖
});
message.setting("showTime", "5000");
$('#btn1').click(function() {
    message.add("普通的消息");
});
$('#btn2').click(function() {
    message.add("成功的消息", "success");
});
$('#btn3').click(function() {
    message.add("警告的消息", "warning");
});
$('#btn4').click(function() {
    message.add("错误的消息", "error");
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：多页面过渡插件Barba.js
下一个特效： jQuery模态框插件jquery.my-modal(原创)