Hola, mi problema es el siguiente:
Quiero que al pasar el mouse sobre una imagen esta cambie a una igual, pero de distinto color. Ya tengo las dos imagenes. para eso uso este código:
<pre> <TITLE>Principal</TITLE>
<script language="JavaScript"><!--
MSFPhover =
(((navigator.appName == "Netscape") &&
(parseInt(navigator.appVersion) >= 3 )) ||
((navigator.appName == "Microsoft Internet Explorer") &&
(parseInt(navigator.appVersion) >= 4 )));
function MSFPpreload(img)
{
var a=new Image(); a.src=img; return a;
}
// --></script>
<script language="JavaScript"><!--
if(MSFPhover) { MSFPnav1n=MSFPpreload("leerlibro.gif"); MSFPnav1h=MSFPpreload("leerlibro2.gif"); }
// --></script>
<A HREF="http://www.melodysoft.com/cgi-bin/gbook.cgi?ID=ala******" onmouseout="window.status=' ......:::::: A la ****** con todo.cl ::::::...... '" onmouseover="window.status='......:::::: Leer GuestBook ::::::......';return true" title="Leer GuestBook">
<IMG SRC="leerlibro.gif" border=0 language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1h.src" onmouseout="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1n.src" name="MSFPnav1"></a>
<script language="JavaScript"><!--
if(MSFPhover) { MSFPnav1n=MSFPpreload("leerlibro.gif"); MSFPnav1h=MSFPpreload("leerlibro2.gif"); }
// --></script>
<A HREF="http://www.melodysoft.com/cgi-bin/gbook.cgi?ID=ala******" onmouseout="window.status=' ......:::::: A la ****** con todo.cl ::::::...... '" onmouseover="window.status='......:::::: Leer GuestBook ::::::......';return true" title="Leer GuestBook">
<IMG SRC="leerlibro.gif" border=0 language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1h.src" onmouseout="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1n.src" name="MSFPnav1"></a>
</pre>
La cosa funciona, el problema es que No puedo colocar el mismo código dos veces en la página... qué puedo hacer?