【案例简介】

这是一款基于 jQuery 的通知插件，用于创建像 Ubuntu 的 Notify OSD 那样的半透明通知。

• 可以很容易地插入到jQuery 中。
• 带有排队的多个通知
• 不显眼和简约
  • 将鼠标悬停在通知上时通知变得透明
  • 你甚至可以通过点击通过下面链接他们/按钮通知！
• 简单的API
• 主题化和可配置
• 可修改的全局默认值
• 轻量级（约 6 KB 缩小）

【案例截图】

【核心代码】

 $('input.generate-button').click(function() {
            var that = this;
            $(that).disable();
            setTimeout(function() { $(that).enable(); }, 500);
            // $.notify_osd.setup({ 'visible_max': parseInt($('.generate').find('[name=visible_max]').val()) });
            if($('.generate input[name=method]:checked').val() === "random") {
                notif_obj = random();
            }
            else {
                var generate = $('.generate');
                var options = {
                    'text'          : generate.find('[name=text]').val(),
                    'icon'          : generate.find('[name=icon]').val(),
                    'timeout'       : generate.find('[name=timeout]').val(),
                    'sticky'        : (generate.find('[name=sticky]:checked').length > 0),
                    'dismissable'   : (generate.find('[name=dismissable]:checked').length > 0),
                    'click_through' : (generate.find('[name=click_through]:checked').length > 0),
                    /* 'buffer'        : generate.find('[name=buffer]').val(), */
                    /* 'opacity_max'   : generate.find('[name=opacity_max]').val(), */
                    /* 'opacity_min'   : generate.find('[name=opacity_min]').val() */
                };
                notif_obj = $.notify_osd.create(options);
            }
            $('.properties table span').each(function() {
                $(this).html(notif_obj.opts[$(this).attr('class')].toString());
            });
        });