注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jQuery通知栏插件jBar

jQuery插件 fishcity 967浏览

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>

转载请注明:jQ酷 » jQuery通知栏插件jBar

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。