一個超棒的jQuery通知欄插件 - jBar

jBar是 一款基于jQuery的用戶行為調用的通知欄實現，和一般的通知不太一樣的地方在于它并不彈出一個窗口或者其它提示，當有新的信息或者消息需要傳遞給用戶 的時候，它會在頁面頂端或者底端生成一個工具欄，用戶可以選擇查看或者稍后查看，整個過程不會打斷用戶目前的瀏覽操作，也不會讓用戶感覺到干擾。

主要特性

• 輕量級的jQuery插件
• 代碼容易實現
• 支持自定義，方便的修改CSS
• 并且支持整合jQueryUI
• 支持現代瀏覽器

如何使用

使用jbar非常簡單，你只需要引入jQuery類庫和jBar類庫，如下：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>  
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script> 
<!--[if lt IE 10]><script src="js/html5.js"></script><![endif]-->

javascript代碼如下：

$(window).load(function() {
        // jBar Script by Todd Motto
        $('.jBar').hide();
        $('.jRibbon').show().removeClass('up', 300);
        $('.jTrigger').click(function(){
            $('.jRibbon').toggleClass('up', 300);
            $('.jBar').slideToggle();
        });
});

代碼使用非常簡單的jQuery實現。希望大家喜歡，如果有任何問題，請給我們留言！

來源：一個超棒的jQuery通知欄插件 - jBar