| Pregunta: | 33491 - CAMBIAR TEXTO AL PASAR POR IMAGEN |
| Autor: | Jonathan Vargas |
| Como se puede hacer, que al pasar sobre una imagen.. cambie el color de una palabra, de un parrafo de texto...pero sin layer show ...solo con tablas.... lo que sucede es que tengo 3 iconos y cada uno tiene referencia a una palabra distinta, en un parrafo de texto..y quiero que al pasar por cada icono cambie de color la palabra de la cual se hace referencia... Gracias de antemano.. y salu2 | |
| Respuesta: | Orestes Loprete |
| Para este tipo de cosas, la parte del texto que queremos cambiar, tiene que diferenciarse del resto, aca lo ideal es usar objetos <span>. Primero hay que hacer esta funcion, que es la que cambia el color: function resalta (objeto,aplicar) { document.getElementById(objeto).style.color=(aplicar)?"red":"" } objeto es el control que va a cambiar y aplicar es el flag para saber si va resaltado o normal. las imagenes tienen que declararse asi: <IMG SRC="imagen" onmouseover="resalta('tx_1',true)" onmouseout = "resalta('tx_1',false)"> <IMG SRC="imagen" onmouseover="resalta('tx_2',true)" onmouseout ="resalta('tx_2',false)"> y para terminar dentro del texto, hay que hacer algo asi: <p> Comienzo del texto.... <span id=tx_1>este cambia al pasar sobre img1 </span> .....mas texto...... <span id=tx_2>cambia con img2</span> ..... mas texto </p> cualquier duda, mandame un mail | |