»
EnglishFrenchVietnamese

Print - Image Fade Swap - JavaScriptBank.com

Full version: jsB@nk » Link » Image Fade Swap
URL: https://www.javascriptbank.com/image-fade-swap-index.html

Image Fade Swap © JavaScriptBank.comThis is an example of how to create bullet points that "glow" when you put your mouse over the JavaScript link or button. Try running your mouse up and down the links.

Full version: jsB@nk » Link » Image Fade Swap
URL: https://www.javascriptbank.com/image-fade-swap-index.html



CSS
<STYLE type=text/css>.imgFader {FILTER: alpha(opacity=0); POSITION: relative; moz-opacity: 0%}</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>var newImage = new Image();newImage.src = imgSrc = "bongbong.gif";</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<TABLE cellSpacing=0 cellPadding=0 border=0>  <TBODY>  <TR>    <TD background="led_off.gif">    <IMG class=imgFader       src="led_off.gif" border=0 name=home width="22" height="21"></TD>    <TD><A onmouseover="JSFX.fadeIn('home', 'bongbong.gif')"       onmouseout="JSFX.fadeOut('home')"       href="http://JavaScriptBank.com">Link 1</A></TD></TR>  <TR>    <TD background="led_off.gif">    <IMG class=imgFader       src="led_off.gif" border=0 name=about width="22" height="21"></TD>    <TD><A onmouseover="JSFX.fadeIn('about', 'bongbong.gif')"       onmouseout="JSFX.fadeOut('about')"       href="http://JavaScriptBank.com">Link 2</A></TD></TR>  <TR>    <TD background="led_off.gif">    <IMG class=imgFader       src="led_off.gif" border=0 name=forums width="22" height="21"></TD>    <TD><A onmouseover="JSFX.fadeIn('forums', 'bongbong.gif')"       onmouseout="JSFX.fadeOut('forums')"       href="http://JavaScriptBank.com">Link 3</A></TD></TR>  <TR>    <TD background="led_off.gif">    <IMG class=imgFader       src="led_off.gif" border=0 name=contact width="22" height="21"></TD>    <TD><A onmouseover="JSFX.fadeIn('contact', 'bongbong.gif')"       onmouseout="JSFX.fadeOut('contact')"       href="http://JavaScriptBank.com">Link 4</A></TD></TR>  <TR>    <TD background="led_off.gif">    <IMG class=imgFader       src="led_off.gif" border=0 name=scripts width="22" height="21"></TD>    <TD><A onmouseover="JSFX.fadeIn('scripts', 'bongbong.gif')"       onmouseout="JSFX.fadeOut('scripts')"       href="http://JavaScriptBank.com">Link 5</A></TD></TR></TBODY></TABLE><!--    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/Image_Fade_Swap/JSFX_ImageFadeSwap.jshttp://javascriptbank.com/javascript/link/Image_Fade_Swap/bongbong.gifhttp://javascriptbank.com/javascript/link/Image_Fade_Swap/led_off.gif