Delete this if useless coz im just a newbie here.... what it does.... it just fades ur elements and unfades when you hovers it.. Credits to Dynamic Drive and i found out how to apply it in Non Overlay because of jagcopra's rounded corners. thnx download js [b]http://h1.ripway.com/eirol219/gradualfader.js[/b] save it on your hosting site... step 1... put this code at the very top of ur js.... [quote]useless=document.createElement("script") useless.src="LINK OF YOUR GRADUAL FADER" navBg.appendChild(useless)[/quote] step2.... apply to elements... give it a [b]class="gradualfader"[/b] declaration ex. [quote]<img src="test.gif" class="gradualfader" /> <a href="http://www.dynamicdrive.com" class="anotherclass gradualfader"><img src="dd.gif" /></a> <div style="width: 300px; border: 1px solid gray; background: blue" class="gradualfader"> Some text here </div>[/quote] then put this inside ur onload handler; <">Limitations In IE, with the exception of images, the element you're applying the effect to must have a "layout" (such as a "width" defined) in order for it to work. Per MSDN, an element has layout when one of the below is true: * It has a width and/or a height specified * It is an inline-block (display: inline-block) * It has absolute positioning (position: absolute) * It is a float (float: left, float: right) * It is a table element credits to dynamic drive.... Preview... [url]http://profiles.friendster.com/eirol219[/url] ^applied in my floating image on the left side.....zzzzzzzzz

Last edited by eirol219 (2008-05-08 04:03:29)