« »

This JavaScript will display description for image when user move mouse on image.

Label: ShowInfo

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT language=JavaScript type=text/javascript>
<!--

//set last shown pointer to FirstOn, the id of the initial div
var kid = "FirstOn"

function ShowInfo(DivId)

<!-- Another small but powerful function by Ira -->
<!-- Original Programmed by Ira Sterbakov - irasterb@erols.com 9/5/04 -->
<!-- May be freely used and modified - email notification would be nice -->

		{

		document.getElementById(kid).style.display = 'none';
		document.getElementById(DivId).style.display = 'block';
		kid = DivId;

		}

</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<P><B><FONT color=#0000ff size=6>This is the first part of the page</FONT></B></P>

<TABLE cellSpacing=0 cellPadding=0 width="90%" border=0>
  <TBODY>
  <TR align=middle height=42>
    <TD><A onmouseover="ShowInfo('WC')" 
      href="http://JavaScriptBank.com"><FONT 
      color=#ffffff size=5><B><IMG height=36 
      src="logojs.gif" width=151 border=0 
      name=welcome></B></FONT></A></TD>
    <TD><A onmouseover="ShowInfo('PC')" 
      href="http://JavaScriptBank.com"><FONT 
      color=#ffffff size=5><B><IMG height=36 
      src="logojs.gif" width=151 border=0 
      name=prosp></B></FONT></A></TD>
    <TD><A onmouseover="ShowInfo('RC')" 
      href="http://JavaScriptBank.com"><FONT 
      color=#ffffff size=5><B><IMG height=36 
      src="logojs.gif" width=151 border=0 
      name=academic></B></FONT></A></TD></TR></TBODY></TABLE>
<DIV id=FirstOn style="DISPLAY: block">JavaScriptBank.com - Bank of over 2000+ free JavaScript</DIV>
<DIV id=PC style="DISPLAY: none"><font style="font-size: 16pt" color="#008000">JavaScriptBank.com - Bank of over 2000+ free JavaScript</font></DIV>
<DIV id=WC style="DISPLAY: none">
<font size="5" color="#FF0000">JavaScriptBank.com - Bank of over 2000+ free JavaScript</font></DIV>

<DIV id=RC style="DISPLAY: none" align=center><span style="font-size: 22pt">JavaScriptBank.com - Bank of over 2000+ free JavaScript</span></DIV>
<DIV onmouseover="ShowInfo('FirstOn')">
<P><B><FONT color=#0000ff size=4>Here we are back with normal coding functions. 
The mouse here resets the display.</FONT></B></P></DIV>
<P>A simple function for dynamic compositions from a Mouseover.</P>
<P>Function ShowInfo(<FONT color=#ff0000>DivId</FONT>) where:<BR><BR><FONT 
color=#ff0000>DivId </FONT>is the target div id in quotes<BR>-----------------<BR></P>
<P>Another small but powerful function by <A 
href="mailto:irasterb@erols.com?subject=ShowInfo"><FONT 
color=#0000ff>Ira</FONT></A>.</P>

	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->