CGI : Info : Java Code : Preview : Tip & Technic
<html> <head> <title>Menu Links</title> <script language="JavaScript"> <!--//This script is public domain. Written by Nizar A. Badib, nab1@indo.net.id.//Script is for, but not unlimited to, 2 alternating images and text for OnMouseOver/OnMouseOut combo,//great for menus, where the images differ only in color. In this example we have://buttons, here named buttona.gif (red) and buttonb.gif (blue)//menu names, 1.gif/1b.gif, etc.. (one red the other green)//and descriptive text, where to change this simply replace the messages in ShowText matching the previous menu images, //and don't forget to replace their relative URLs or http addresses. Note that the images are transparent gif images,//hence can be used with just about any background image or color, depending of course on the images themselves.//Script works with IE3+ and N3+.//***********************************************************************************//* * //* I looked for a script of this kind, some came close but not what I had in mind. *//* So ... I decided to write one myself. * //* If you do use this script. a mention of the author would be appreciated, *//* but not required. In any case, hope everyone finds this script useful. *//* * //***********************************************************************************function ShowText (z) {var message; if (z == 1) message = "Sean Erwin's OSR2 FAQ. An excellent resource page completely devoted to Installation Precedures and Common FAQS on Windowsฉ95 OEM Service Release 2 (OSR2). Also covers earlier releases of this OS."; else if (z == 2) message = "Kenny's Free Goodies Page. Good old Ken! A short list of some very useful utilities and faqs for Win95. Try it"; else if (z == 3) message = "The HTML Goodies Home Page, by Joe Burns, Ph.D.. The Doc's page has anything and everything you'll ever need to learn HTML and building your own homepage!"; else return false; document.messages.Mytext.value = message; return true;} if (document.images) { ImageOver = new Array(4); ImageOut = new Array(4); ImageOver[1] = new Image; ImageOut[1] = new Image; ArrowOver = new Array(4); ArrowOut = new Array(4); ArrowOver[1] = new Image; ArrowOut[1] = new Image; for (var m = 2; m <= 3; m++) { ImageOver[m] = new Image; ImageOut[m] = new Image; ArrowOver[m] = new Image; ArrowOut[m] = new Image; } for (var t = 1; t <= 3; t++) { ImageOver[t].src =""+t+".gif"; ImageOut[t].src =""+t+"b.gif"; ArrowOver[t].src="buttona.gif"; ArrowOut[t].src="buttonb.gif"; }} function ImgOver(i) { if (document.images) { document.images["con" + i].src = ImageOver[i].src; document.images["pop" + i].src = ArrowOver[i].src; } }function ImgOut(i) { if (document.images) { document.images["con" + i].src = ImageOut[i].src; document.images["pop" + i].src = ArrowOut[i].src; }} //--> </script> </head> <body bgcolor="#FFFFFF"> <div align="center"> <form name="messages"> <table border="2" cellpadding="5" cellspacing="0"> <tr> <td align="center" colspan="3"><h1>My Menu</h1> </td> </tr> <tr valign="top"> <td align="center"><img name="pop1" src="buttona.gif" width="25" height="25"> </td> <td align="center" valign="middle"><a href="http://www.compuclinic.com/osr2faq" onMouseOver="ImgOut("1");ShowText("1")" onMouseOut="ImgOver("1")" target="_top"><img name="con1" src="1.gif" border="0" width="50" height="20"></a> </td> <td align="center" valign="middle" rowspan="3" bgcolor="#ffoofa"><textarea name="Mytext" rows="6" cols="30" wrap="virtual">
Comments to:nab1@indo.net.id
