Este script es una creacion de Daniel Nolan, y el articulo original en ingles se encuentra en su página http://www.dnolan.com.
Lo agrego aqui porque me parecio una forma muy original y sencilla de crear un rollover utilizando javascript
Lo primero que debemos hacer es armarnos de dos imágenes para el efecto, en mi caso voy a utilizar una foto mia de hace muchisimos años atrás.
Es importante que las dos imagenes tengan el mismo nombre, y que solo varien una de otra por la terminacion _o al final de una de ellas, en este caso las imagenes son pic01.jpg y pic01_o.jpg:
Luego descargamos el archivo rollover.js de la pagina de Daniel Nolan
Como utilizarlo
Para utilizarlo primero tenemos que colocar el script llamoda rollover.js en el header de nuestra pagina. De la siguiente manera:
<script src="rollover.js" type="text/javascript"> </script>
Seguidamente necesitamos agregar el atributo class=”imgover” a la imagen que deseamos que muestre el efecto en la pagina:
<img class="imgover" src="pic01.jpg" alt="" />
Aqui el Ejemplo