This code to achieve the fade out can be, relatively smooth, the same from javascript+css both.
<textarea id="runcode38821"><title>javascript text fade and Fade show </title> <script language= "JavaScript" > <!--Begin ie4 = (navigato R.appversion.indexof ("MSIE") >0) && (parseint (navigator.appversion) >= 4)); var count = 0, Count2 = 0, add1 = 3, Add2 = ten, Timerid; Function Show () {if (IE4) {count + = ADD1; Count2 + = ADD2; Delay = 30; if (Count2 > MB) count2 = 100; if (Count > m) {count = 100; ADD1 =-10; ADD2 =-3; Delay = 350; if (Count < 0) Count = 0; if (Count2 < 0) {count2 = 0; ADD1 = 3; ADD2 = 10; Delay = 200; } fader.style.filter = "Alpha (opacity=" +count2+ ", finishopacity=" +count+ ", style=2)"; Timerid = SetTimeout ("Show ()", delay); } window.onload = Show; End--> </script> <div id= "Fader" > <p> <font family= "Arial, Helvetica" color= "maroon" siz E= "+3" > You know what? Cloud-dwelling communities are jb51.net </p> </div></textarea>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]