一个超棒的jQuery通知栏插件 - jBar
来源:互联网 发布:淘宝数据分析年龄 编辑:程序博客网 时间:2024/05/22 02:22
日期:2012-10-24 来源:GBin1.com
在线演示 本地下载
以前我们分享过一款基于jQuery,backbone的通知类库:Backbone.Notifier,今天我们分享另外一个款超棒的通知插件 - 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
- 一个超棒的jQuery通知栏插件 - jBar
- 10款超实用的jQuery即时通知插件
- 10款超实用的jQuery即时通知插件
- 一个超棒的消息提示jQuery插件 - Noty
- 分享一个jQuery的超酷分页插件 - jPages
- 分享一个超棒的免费jQuery幻灯插件:Nivo Slider
- 分享一个超棒的响应式幻灯jQuery插件 - refineslide
- 分享一款超棒的jQuery旋钮插件 - jQuery knob
- JQuery---分享13款最新的超棒jQuery插件
- 分享一个超棒的jQuery的单页面滚动导航设计插件 - jQuery one page nav
- 分享另外一个jQuery的超酷幻灯插件:jQuery Chop Slider
- 为开发者们准备的超棒的jQuery插件
- 超棒的jQuery矢量地图生成插件 - JQVAMP
- 分享一款超棒的jQuery Google地图插件:Gmaps
- 超棒的jQuery密码强度检验插件 - Complexify
- 6款不容错过的超棒倒计时jQuery插件
- 超棒的旋转式幻灯jQuery插件 - Roundabout
- 超棒的环形菜单效果jQuery插件
- php 日期格式化
- JSP和Servlet要点总结
- 深入浅出FPGA-13-IMPACT软件使用
- 程序猿
- Android 功能性方法总结,待续
- 一个超棒的jQuery通知栏插件 - jBar
- Ubuntu_Ubuntu 12.04下设置笔记本成为wifi热点
- 悲伤做铺垫的伤感空间日志:爱情不是错过了,才知道珍惜
- 测试用c#操作mysql
- Android Paint源码分析
- Ubuntu下启动出现grub rescue修复方案
- gentoo安装问题求解--问题已经得到解决
- sqlserver用存储过程建表
- 分治法之二分法搜索最大值最小值