Efecto rollover

El script Como funciona
 //Mas en: http://javascript.espaciolatino.com/

function cambProp(obj, propIE, propNS, valorIE, valorNS)
{
if (document.all)
   {
   obj = document.all[obj];
   obj.style[propIE] = valorIE;
   }
else
   if (obj=document.getDocumentById)
       obj.style[propIE] = valorIE;
   else
      {
      obj = document.layers[obj];
      obj[propNS] = valorNS;
      }
}

Con este script podrás implementar en tus páginas enlaces con típico efecto rollover.

Esta función depende del navegador, aquí se usan métodos abreviados para determinar de cual se trata, pero podrías usar el objeto navegador descrito en otro de los scripts de estos ejemplos.

Este script debe funcionar con los exploradores modernos (los standar W3C), el Netscape 4 te puede dar problemas porque no acepta el cambio de cualquier propiedad a diferencia de los exploradores de Microsoft y los más recientes de Netscape.

La página Como se usa
 <html>
<head>
<!-- aquí va el código javascrip -->
</head>
<body color ="#FFFFFF">
<a href="pagina.htm"
onmouseover="cambProp('enlace', 'background', 'bgColor', 'yellow','yellow')"
onmouseout="cambProp('enlace', 'background','bgColor','',null)">
<span id='enlace' style="position:relative">
rollover
</span>
</a>
</body>
</html>

 Este sencillo ejemplo te permite cambiar el color de fondo del enlace al pasar el ratón por encima. Funciona tanto en MIE como en NS4, de ahí la necesidad del span y de tantos atributos.

Aquí se ha usado como rollover cambiar colores (que están nombrados por nombres de color, pero puedes usar los códigos hexadecimales RRGGBB). En el evento onmouseout el color de fondo para MIE es una cadena vacia que se interpreta como transparente, mientras que NS usa null para logar el mismo efecto.

Recueda que los navegadores standard (posteriores a las versiones 5) admiten cualquier cambio en los atributos del estilo, mientras que NS sólo permite cambiar el color y la imagen de fondo, al menos hasta la versión 4.7.

   
El script en funcionamiento
Prueba el script pasando el ratón por este enlace rollover
 
     
Envía esta página a un amigo. Te lo agradecerá.   Poner esta página como página de inicio