Expandable Sticky Bar

Description:  This script uses CSS’s “positon:fixed” property plus a splash of JavaScript to create a sticky footer or header bar that expands when the mouse rolls over it. It’s useful for showing supplemental information of a site that should always be in within a mouse action away. The markup of the bar can either be inline HTML defined within the page it’s on, or entirely in a separate HTML file and fetched via Ajax. The sticky bar can either be positioned at the bottom of the window (as in the demo here), or top instead. Furthermore, the bar can either be activated when the mouse rolls over it, or manually via a click on a user defined button within the bar. Cool!

The bar will only be visible to browsers that support “position:fixed”, namely, all modern browsers (FF, Safari, Opera etc) and in IE, IE7+ in standards mode (with a valid doctype).


Incoming search terms:

  • expandable sticky bar
  • sticky bar script
  • sticky bar javascript
  • javascript sticky bar
  • joomla sticky bar
  • css sticky bar
  • expandable Sticky Bar css
  • stickybar script
  • sticky bar html
  • sticky bar scripts
You can leave a response, or trackback from your own site.

Leave a Reply

PPowered by WordPress | Designed by: video game | Thanks to search engine optimization, seo agency and Privater Sicherheitsdienst
SEO Powered By SEOPressor