li hover with fade in

[Lozu]

that what i've done so far, when it hovers it changes to image 2.

<div id="gnav">
<ul class="clearfix">
<li><a href="1" >Home</a></li>
<li><a href="2" >Forum</a></li>
<li><a href="3" >Upload</a></li>
<li><a href="4">Search</a></li>
</ul>
</div>

But i'm looking for hover fade in, searched around google with not what i'm after.
thanks in advance...

[Bar2aYunie]

Not completely sure what you mean, but maybe this'll help?
http://javascript.internet.com/image-effects/fader2.html

Or maybe this'll be better?
http://javascript.internet.com/image-effects/Generator.html

[Lozu]

Thanks for your help...
I looked at page http://javascript.internet.com/image-effects/fader2.html.
And I need something like fade this button, expect is a image inside ul or li.
Thanks...

[Bar2aYunie]

I suggest to play around with these settings:


<input type=button id="button1" style="background: #cc9933"
value="Fade this button"
onMouseOver="mOvr('button1','#cc9933','#6699cc',10,100)"
onMouseOut="mOut('button1','#cc9933','#6699cc',10,100)"
onMouseDown="document.myForm.button1.value='Thank You!'">

See what changes when you change what. I haven't checked the whole code to find image support or not, but try to add an image in there. Then play around with the numbers to set the delay/speed. on mousedown is what happens when you click on it, so you might want to delete or change that.