Cambiando el texto al pasar el cursor
Escrito por J.F. el Viernes, 10 de Agosto del 2007 a las 14:35
Un curioso ejemplo, sobre un texto que cambia al poner el ratón encima, y al dejarlo fuera vuelve a cambiar. Puede resultar útil en algunas páginas web. Aquí tienes todo el código, que juega con las propiedades onMouseOut y onMouseOver de Javascript:
HTML:
-
<script type="text/javascript">
-
function cambiado()
-
{
-
document.getElementById('cambio').innerHTML="Vuelve a cambiar"
-
}
-
function normal()
-
{
-
document.getElementById('cambio').innerHTML="Mira como cambia el texto... Quita el ratón y..."
-
}
-
</script>
-
</head>
-
<h2 id="cambio" onmouseout="cambiado()"
-
onmouseover="normal()">
-
Texto que aparece al cargar. Pon encima el cursor</h2>
-
</body>
-
</html>
Categoria: Javascript
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
No hay comentarios
Entradas relacionadas
Deja un comentario
Escribir un comentario
