软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 新闻 专题 热点
您的位置: 广信之家 > 免费资源 > 免费插件 > 文章正文

一个超棒的jQuery通知栏插件 - jBar

时间:10-24 13:46 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  以前我们分享过一款基于jQuery,backbone的通知类库:Backbone.Notifier,今天我们分享另外一个款超棒的通知插件 - jBar。

一个超棒的jQuery通知栏插件 - jBar

在线演示   本地下载

以前我们分享过一款基于jQuery,backbone的通知类库:Backbone.Notifier,今天我们分享另外一个款超棒的通知插件 - jBar。

jBar是一款基于jQuery的用户行为调用的通知栏实现,和一般的通知不太一样的地方在于它并不弹出一个窗口或者其它提示,当有新的信息或者消息需要传递给用户的时候,它会在页面顶端或者底端生成一个工具栏,用户可以选择查看或者稍后查看,整个过程不会打断用户目前的浏览操作,也不会让用户感觉到干扰。

主要特性

1.轻量级的jQuery插件

2.代码容易实现

3.支持自定义,方便的修改CSS

4.并且支持整合jQueryUI

5.支持现代浏览器

如何使用

使用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

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,一个超棒的jQuery通知栏插件 - jBar对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与一个超棒的jQuery通知栏插件 - jBar无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对广信之家有任何意见或建议,请到交流平台反馈。到留言板反馈