Coding a fade in login bar.

[Chelf12]

Yeah. I am creating a style for my site. As seen on www.mariokartwii.com, there is a fade in login bar. (Hit the login link to see).

What would be the best way to code this in?

[Bellardia]

The easiest would probably be to use jquery.
Try google'ing 'fade effects in jquery' it is a javascript framework if you don't know. Beware, it requires a bit of knowledge about javascript even with a tutorial!

[ziggylol]

Wow that is really interesting. I have no experience with Java so im out of luck =/

[glaive]

Google javascript css opacity...
First it changes the display of a div or other element from none to block with the opacity set to clear....
Then it executes a css fade in using a timer and javascript to increase the opacity at intervals.
then executes the reverse for the fade out and disappear.

This is a very bad way to execute the function however, a bit of a no no.
<a href="javascript:shiftOpacity('loginbar');">login</a>

This would be a little better.
<a href="location of login page" onclick="shiftOpacity('loginbar'); return false;">login</a>

[Bellardia]

It would help if you included the actual function..

[glaive]

I was just correcting the way they were calling the javascript, the function is found on the page in question.