The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent. When the user hovers over it, the menu then becomes opaque again.
The jquery slidetoggle() is great, but one thing I always thought it was missing is some opacity fading in the sliding animation. When I was coding this iteration of position absolute I wanted this kind of animation so I went there and coded it. This is a very small plugin, but I still find the effect cooler than a regular sliding.
The concept for an inner fade is much troublesome than a normal fade effect in jQuery. A normal fade effect in jQuery will only required the fadeIn,fadeOut or fadeTo method to be called by the chaining process. Inner fade effect will require an additional step which is to arrange the images into a stack. Similar to the shuffle concept but we will just have to use the built-in feature of jQuery, animate to complete this tutorial.
css regex codeigniter javascript php mysql mootools framework ci mvc forms ajax blog regularexpressions world flash jquery dom svn dojo xml xhtml nav navigation menu effect plugins jqueryui twitter curl ui plugin wordpress event tinyurl photoshop apache google safari python mac search zend zendframework api json html sprites osx fade

For all the newest TUTs, follow @tutlist
JohnGalt (105 Tuts)
JDStraughan (96 Tuts)
linkbuild (48 Tuts)
TJHooker (47 Tuts)
girish (39 Tuts)
Drag TUTmark to your bookmarks
to begin using our bookmarklet.
Don't know how to use a bookmarklet?
Check out this tutorial.
Home Page (RSS and ATOM)
New TUTS (RSS and ATOM)
Subscribe by Email
To learn how to get your ad here.
CONTACT US TODAY!