jBar Plugin, the jQuery call to action bar

jBar is a simple and lightweight jQuery notification bar that’s been revisited and rewritten (18.11.2012) as an official plugin, which serves up loads of easy customisable options. The jBar allows you to create a simple call to action and bring it forward for the user to see at the top of your website. The user can then toggle the visibility of the bar by clicking the ribbon.

Overview

jBar was created to provide a lightweight plugin to replace the restrictions provided by Hellobar and allow easy implementation and customisation for you or your client’s websites. Hellobar you also have to pay for if you want an unbranded version, which is no fun. There’s nothing like full control over your code.

Features

The jBar sits at the top of your website, and is fully customisable.

The rest of the options are up to you:

type: ‘fixed’ – Two options for the jBar, fixed or static positioning. Fixed is always there when scrolling, and static remains at the top at all times.

delay: ’1000′ – In milliseconds, change to anything you like.

backgroundColor: ‘#DB5903′ – Use a HEX colour here, use any you like. This is the background colour for the jBar and also the ribbon, so the two match up.

There's no place like Ultimate Angular - I can't think of training I trust more to be accurate and promote best practices.

Jules Kremer
Angular Developer Relations, Google

About me

Hey! I'm Todd, a front-end developer from not-so-sunny England, living life in the countryside.

This blog started as my digital notepad, and is now visited by over 3million developers each year.
In 2014 I was awarded Google Developer Expert
status and began speaking at conferences.

After years of mentoring others, I created Ultimate Courses
as a better way to share my knowledge. It's now home to 50,000+students and teams, and won Best Angular Product for Education
in 2016. I'd love to see you succeed from Ultimate Courses!

Catch me on Twitter!

Get notified

I post a roundup of all my latest content every 2 weeks. Subscribe below!