微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

peekABar jQuery 通知栏插件

程序名称:peekABar

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

peekABar 介绍

peekABar 可以创建带有很多定制化选项的通知栏 jQuery 插件。示例代码

// Create a bar
var bar = $.peekABar({
    html: 'Custom Message',
    delay: 2000,
    autohide: true,
    padding: '2em',
    backgroundColor: 'rgb(195, 195, 195)',
    animation: {
        type: 'fade',
        duration: '2000'
    },
    opacity: '0.8',
    cssClass: 'custom-class',
    position: 'bottom',
    cloSEOnClick: true
    onShow: function() {
        console.log('called after bar is shown');
    },
    onHide: function() {
        console.log('called after bar is hidden');
    }
});

// Show the bar
bar.show();

// Hide the bar
bar.hide();

// Show the bar with custom HTML
// This call will override the HTML
// set in any prevIoUs deFinitions.
bar.show({
    html: 'Overrides all, puny human.'
});

peekABar 官网

https://github.com/kunalnagar/jquery.peekABar

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐