Full version: jsB@nk » Link » Rainbow » Elem Fader 2
URL: https://www.javascriptbank.com/elemfader-elemfader2.html
This JavaScript will fade the elements when visitors move mouse over it.
Full version: jsB@nk » Link » Rainbow » Elem Fader 2
URL: https://www.javascriptbank.com/elemfader-elemfader2.html
<STYLE>.elemFaderGray {BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #999999 1px solid; DISPLAY: block; FONT-SIZE: 12px; FILTER: alpha(opacity=40); BORDER-LEFT: #999999 1px solid; WIDTH: 100%; COLOR: #ffffff; BORDER-BOTTOM: #333333 1px solid; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; POSITION: relative; BACKGROUND-COLOR: #666666; TEXT-ALIGN: left; TEXT-DECORATION: none; moz-opacity: 0.4}.elemFaderRed {BORDER-RIGHT: #330000 1px solid; BORDER-TOP: #ff0000 1px solid; DISPLAY: block; FONT-SIZE: 12px; FILTER: alpha(opacity=40); BORDER-LEFT: #ff0000 1px solid; WIDTH: 100%; COLOR: #ffffff; BORDER-BOTTOM: #330000 1px solid; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; POSITION: relative; BACKGROUND-COLOR: #cc0000; TEXT-ALIGN: left; TEXT-DECORATION: none; moz-opacity: 0.4}.elemFaderGreen {BORDER-RIGHT: #003300 1px solid; BORDER-TOP: #00ff00 1px solid; DISPLAY: block; FONT-SIZE: 12px; FILTER: alpha(opacity=40); BORDER-LEFT: #00ff00 1px solid; WIDTH: 100%; COLOR: #ffffff; BORDER-BOTTOM: #003300 1px solid; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; POSITION: relative; BACKGROUND-COLOR: #00cc00; TEXT-ALIGN: left; TEXT-DECORATION: none; moz-opacity: 0.4}.elemFaderBlue {BORDER-RIGHT: #000033 1px solid; BORDER-TOP: #0000ff 1px solid; DISPLAY: block; FONT-SIZE: 12px; FILTER: alpha(opacity=40); BORDER-LEFT: #0000ff 1px solid; WIDTH: 100%; COLOR: #ffffff; BORDER-BOTTOM: #000033 1px solid; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; POSITION: relative; BACKGROUND-COLOR: #0000cc; TEXT-ALIGN: left; TEXT-DECORATION: none; moz-opacity: 0.4}.elemFaderRedB {BORDER-RIGHT: #330000 2px solid; BORDER-TOP: #ff0000 2px solid; FONT-SIZE: 12px; FILTER: alpha(opacity=40); BORDER-LEFT: #ff0000 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #330000 2px solid; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; POSITION: relative; BACKGROUND-COLOR: #cc0000; moz-opacity: 0.4}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=JavaScript src="ElemFader.js" type=text/javascript></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<BODY text=#999999 vLink=lime aLink=lime link=lime bgColor=black onload=JSFX.fadeElemAuto()><TABLE align=center border=0> <TBODY> <TR> <TD colSpan=4>Here are some element (links) with CSS applied </TD></TR> <TR> <TD> <DIV style="WIDTH: 80px; BACKGROUND-COLOR: #000000"><A class=elemFaderGray href="http://JavaScriptBank.com/">Home</A> <A class=elemFaderGray href="http://JavaScriptBank.com/">Contact</A> <A class=elemFaderGray href="http://JavaScriptBank.com/">Scripts</A> <A class=elemFaderGray href="http://JavaScriptBank.com/">News</A> <A class=elemFaderGray href="http://JavaScriptBank.com/">Forum</A> </DIV></TD> <TD> <DIV style="WIDTH: 80px; BACKGROUND-COLOR: #000000"><A class=elemFaderRed href="http://JavaScriptBank.com/">Home</A> <A class=elemFaderRed href="http://JavaScriptBank.com/">Contact</A> <A class=elemFaderRed href="http://JavaScriptBank.com/">Scripts</A> <A class=elemFaderRed href="http://JavaScriptBank.com/">News</A> <A class=elemFaderRed href="http://JavaScriptBank.com/">Forum</A> </DIV></TD> <TD> <DIV style="WIDTH: 80px; BACKGROUND-COLOR: #000000"><A class=elemFaderGreen href="http://JavaScriptBank.com/">Home</A> <A class=elemFaderGreen href="http://JavaScriptBank.com/">Contact</A> <A class=elemFaderGreen href="http://JavaScriptBank.com/">Scripts</A> <A class=elemFaderGreen href="http://JavaScriptBank.com/">News</A> <A class=elemFaderGreen href="http://JavaScriptBank.com/">Forum</A> </DIV></TD> <TD> <DIV style="WIDTH: 80px; BACKGROUND-COLOR: #000000"><A class=elemFaderBlue href="http://JavaScriptBank.com/">Home</A> <A class=elemFaderBlue href="http://JavaScriptBank.com/">Contact</A> <A class=elemFaderBlue href="http://JavaScriptBank.com/">Scripts</A> <A class=elemFaderBlue href="http://JavaScriptBank.com/">News</A> <A class=elemFaderBlue href="http://JavaScriptBank.com/">Forum</A> </DIV></TD></TR> <TR> <TD colSpan=4> <FORM>Here are some form elements...<BR><INPUT class=elemFader type=button value=Yes> <INPUT class=elemFader type=button value=No> <INPUT class=elemFader type=button value=Maybe> <INPUT class=elemFader type=button value=Cancel> </FORM>Here are some form elements with CSS applied...<BR> <FORM><INPUT class=elemFaderRedB type=button value=Yes> <INPUT class=elemFaderRedB type=button value=No> <INPUT class=elemFaderRedB type=button value=Maybe> <INPUT class=elemFaderRedB type=button value=Cancel> </FORM></TD></TR></TBODY></TABLE></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
http://javascriptbank.com/javascript/link/ElemFader/ElemFader.js