18/07/2002, 09:39
| |||
| |||
| Como funciona onMouseClic Hola, intento cambiar el color de las opciones de un menú utilizando onMouseover y onMouseout pero no sé como hacerlo. Ademas, cuando utilizo onMouseclick no consigo pasar los parametros correctamente a mi función. ¿Alguien me puede enviar un ejemplo de como cambiar los colores de una opcion de menu cuando paso el ratón por encima? Si ademas, me indicais como pasar parametros a una funcion con onMouseclick os lo agradeceria mucho. Saludos :( |
|
18/07/2002, 12:25
| ||||
| ||||
| Re: Como funciona onMouseClic Creo que te refieres al onClick o al onmouseDown el menu es de imagenes? si es así entonces copiate esta funcion y modifica las rutas de las imagenes y los nombres de la imagenes (en este caso las puse en mayusculas y con imagenes de FDW para hacer el ejemplo) Este es un ejemplo: <!-- Funcion que cambia las imagenes --> <script> function change_image(nombre_imagen, imagen ) { document[nombre_imagen].src = imagen; } </script> <!-- Enlace que llama a los eventos --> <a href="pagina.htm" onMouseOver="change_image('NOMBREIMAGEN','htt p://www.forosdelweb.com/images/smile.gif');" onMouseOut="change_image('NOMBREIMAGEN','http ://www.forosdelweb.com/images/wink.gif');" onmouseDown="change_image('NOMBREIMAGEN','htt p://www.forosdelweb.com/images/sad.gif');"> <!-- Imagen que será el enlace y cambiara --> <img src="http://www.forosdelweb.com/images/wink.gif" name="NOMBREIMAGEN" border=0> </a> |
|
18/07/2002, 14:35
| |||
| |||
| Re: Como funciona onMouseClic Gracias, pero es mas sencillo. Lo único que quiero es que al pasar el raton por encima de una opcion de un menu el texto de la opcion cambie de color. Si ademas hay alguna forma sencilla de llamar a una funcion para que realice una acción posterior me vendria muy bien un ejemplo. Gracias por tu ayuda ;) |
|
18/07/2002, 14:58
| ||||
| ||||
| Re: Como funciona onMouseClic bueno prueba con estilos en este ejemplo hay enlaces con estilos y al ser clickeados llaman una funcion en este caso un alert <head> <style> A:link {text-decoration:none; color:blue} A:active {text-decoration:none;color:red} A:visited {text-decoration:none;color:blue} A:hover {text-decoration:underline;color:gold} </style> <script> function hola(){ alert('hola') } </script> </head> <body> <a href=pagina1.html onclick="hola()">se va al enlace y llama una funcion</a><br> <a href=javascript:hola()>solo llama una funcion</a><br> </body> |
