jBar 是一个简单和轻量级 jQuery 通知栏，已重新设计和改写 (18.11.2012) 作为官方的插件，它很容易定制选项。JBar 允许您创建简单的行动要求，使其用户可以查看在您的网站顶端的信息。用户可以通过单击功能区切换栏的可见性。
功能
JBar 坐在您的网站的顶端，并且是完全自定义。
其余选项：
type 类型： 'fixed' ― ― 两个选项为 jBar，fixed 或static。fixed时，总是有滚动，static顶部随时。
delay 延迟： ' 1000′ ― ― 以毫秒为单位，将更改为你喜欢的东西。
backgroundColor： ' #DB5903′ ― ― 在这里使用十六进制颜色，使用任何你喜欢。这是 jBar 和还在功能区的背景颜色，因此这两个匹配。
borderColor 边框颜色: '#FFF' ― ― 这里也使用十六进制颜色、 更改边框颜色以适应您的网站。
buttonTextColor: '#FFF' ― ― 更改按钮的文本颜色。
buttonColor: ' #333′ ― ― 更改该按钮的颜色。
backgroundColorHover: ' #222′ ― ― 为按钮悬停样式。
calltoAction: 'jBar 插件!' ― ― 添加任何你喜欢以显示您的邮件。
buttonText： 下载它! ― ― 要走进按钮，文本中添加你喜欢的东西。更短更好虽然。
buttonLink: '/' ― ― 您的按钮的超链接。
用法
只需将该插件文件，jQuery (jbar.js) 在您的页面，包括并定制下文所列的选项：
1 2 | <script src="jquery.js"></script><script src="jbar.min.js"></script> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <script> $(function() { $.jBar({ type: 'fixed', // fixed/static (lowercase) delay: '1000', // In milliseconds backgroundColor: '#DB5903', // Background Color borderColor: '#FFF', // Background Color buttonTextColor: '#FFF', // Button Text buttonColor: '#333', // Button Color buttonColorHover: '#222', // Button Color Hover calltoAction: 'jBar Plugin! A simple and lightweight notification banner.', // Call to action text buttonText: 'Download it!', // Button Text }); });</script> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jquery图片内容展开/收缩选项卡
- 下一个特效： jQuery展开左右侧栏目插件PageSlide