Offer your visitors a short description when they put their cursor on an image link. Give more information about what is offered at a site, if it is free or not, or anything else you think is important for them to know.
Step 1: Add the below code to the <body> section of your page:
<scriptlanguage="javascript"type="text/javascript"> /* Visit http://www.yaldex.com/
for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin function
showMsg(text){ document.picform.message.value=text;
} // End --> </script> <center>
<ul>
<li> <ahref="HTTP://WWW.SITE1.COM" onmouseover="showMsg('this
is information about pic 1....');" onmouseout="showMsg('');"> <imgname="button1"src="alien.gif"border=0></a> </li>
<li> <ahref="HTTP://WWW.SITE2.COM" onmouseover="showMsg('this
is information about pic 2....');" onmouseout="showMsg('');"> <imgname="button2"src="ball.gif"border=0></a> </li>
<li> <ahref="HTTP://WWW.SITE3.COM" onmouseover="showMsg('this
is information about pic 3....');" onmouseout="showMsg('');"> <imgname="button3"src="heart.gif"border=0></a> </li>
<formname="picform">
<textareaname=messagerows=2cols=40wrap=virtual>choose
an image above for a description!</textarea><br> <inputtype=hiddenname=govalue="">
</form>
</center>
Step 2: The script uses three images as part of its interface. You can create your own, or use the three below :
(right click images, and select "Save Image As")
Upload them into the same directory as your webpage.