jQuery通知栏插件jBar

 查看演示  website  立即下载

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: 'http://www.jq22.com' ― ― 您的按钮的超链接。

用法

只需将该插件文件，jQuery (jbar.js) 在您的页面，包括并定制下文所列的选项：

<script src="jquery.js"></script>
<script src="jbar.min.js"></script>

<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
            buttonLink: 'http://www.jq22.com' // Hyperlink from button
        });
    });
</script>

PREVIOUS:
NEXT:
jQuery展开左右侧栏目插件PageSlide
jquery图片内容展开/收缩选项卡