JGrowl 气泡提示框插件的使用

导入必须的文件

<link href="jquery.jgrowl.min.css" rel="stylesheet" />
<script src="jquery-3.1.0.min.js"></script>
<script src="jquery.jgrowl.min.js"></script>

Sample 1:提示后自动消息

$.jGrowl("Hello world!");

Sample 2:需要用户手动关闭

$.jGrowl("Stick this!", { sticky: true });

Sample 3:增加标题

$.jGrowl("A message with a header", { header: 'Important' });

Sample 4:指定在10秒后自动消失

$.jGrowl("A message that will live a little longer.", { life: 10000 });

Sample 5:消失后有回调事件

$.jGrowl("A message with a beforeOpen callback and a different opening animation.", {
    beforeClose: function(e,m) {
        alert('About to close this notification!');
    },
    animateOpen: {
        height: 'show'
    }
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,506评论 19 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 15,077评论 4 61
  • 重要:这是针对于正在开发中的API或技术的预备文档(预发布版本)。苹果提供这份文档的目的是帮助你按照文中描述的方式...
    金_波阅读 3,383评论 6 12
  • ​01 你的梦想是什么? 听到这句话,我第一时间竟然想到的是某综艺节目的那位总要上头条的导师。这个泛娱乐化的时代,...
    进击的历史君阅读 499评论 0 0

友情链接更多精彩内容