»
Tiếng AnhTiếng PhápTiếng Việt

In - Đối tượng chớp sáng - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Liên kết » Chuyển màu » Đối tượng chớp sáng
URL: https://www.javascriptbank.com/elemfader-elemfader2.html

Đối tượng chớp sáng © JavaScriptBank.comHiệu ứng sẽ làm cho các đối tuợng sáng hoặc tối khi ta rê con trỏ chuột vào.

Phiên bản đầy đủ: jsB@nk » Liên kết » Chuyển màu » Đối tượng chớp sáng
URL: https://www.javascriptbank.com/elemfader-elemfader2.html



CSS
<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-->


JavaScript
<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-->


HTML
<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-->


Files
http://javascriptbank.com/javascript/link/ElemFader/ElemFader.js