Stylish Simple Navigation with jQuery & CSS3
by Ray Cheung
Everyday on the web there’s something that we all do, almost regardless of the site that we’re on – we scroll down. In every case we need to scroll back up to the top of the page if we want to use the site navigation again or perform a site search. RocketBar is a simple solution for this which shows you how you can easily provide your users a persistent form of site navigation without them needing to scroll back up.
RocketBar consists of two main components – the first is the jQuery code that powers it, adding the floating class and attributes to the bar that make it appear ‘detached’ when the user scrolls up and down the page. The second element are the CSS3 buttons you find along the bar.
Requirements: jQuery Framwork
Demo: http://addyosmani.com/blog/rocketbar/
License: License Free
Related Posts :
AddyOsmani is going to teach us how to create a useful hover-based user interface using jQuery, ...
When appropriate, Trevor Davis really like the ones that add smooth scrolling and highlight the ...
Addy Osmani shows us how you can create a kick-ass animated Shine Effect with jQuery & CSS3 ...
AddyOsmani has just shared jQuery 1.4.3 Offline Learning Kit for anyone interested in tweaki ...
Tutorialzine has written a simple jQuery tooltip plugin called Colortip. It converts the title ...
Posted on Sunday, August 22nd, 2010 at 3:32 pm | Category: Jquery |
One Response to “Stylish Simple Navigation with jQuery & CSS3”
Make a Donation
Magazine of the week
Categories
- Adobe Photoshop Tutorials
- Ajax
- Articles
- Companies
- Corporate / Elegant
- CSS
- Designers Work
- Flash
- Fonts
- Freebies
- Freelance / Portfolios
- Galleries
- Graphic Art
- HTML
- HTML5
- Icons
- Identity
- Illustration
- Internet
- Java Script
- Jquery
- Magazines
- Marketing
- One Page Websites
- Photo Creativity
- Photoshop
- Print Design
- Stock Images
- Typography
- Vectors
- Video Tutorials
- Wordpress
- Wordpress Themes
Friends
- 92Pixels
- 99Points
- CSS Design Yorkshire
- CSSDesign Awards
- Depot Web Designer
- Design Dazzling
- Designsmag
- Fbrushes
- Freefileshunt
- Logopond
- PSD Vault
- Six Revision
- Smashing Magazine
- Smashingshare
- Smashingshowcase
- Tutorial King
- Underworldmagazines
- Web designer Depot
- Web Designer Wall
- web3mantra
- Webdesign-ne.ws
Recent Articles
-
See what People have Done in HTML5
-
Wordpress Original Content - Originizer
Using originizer wil ensure that your wordpress content is always 100% original. -
Flipping Websites -How To Flip Websites And Make Money Online
-
Start A Web Design Business - Web Design Business Startup Kit
This web design business startup kit is perfect for freelancers that are looking to start a web design business from home.
Thanks because of this! I’ve been searching all above the web for that facts.