Foros del Web » Programando para Internet » Javascript »

urgente

Estas en el tema de urgente en el foro de Javascript en Foros del Web. como puedo hacer que al pasar sobre una imagen esta se oscuresca y cuando se salga de ella esta vuelva a la normalidad en lo ...
  #1 (permalink)  
Antiguo 09/01/2002, 22:57
 
Fecha de Ingreso: enero-2002
Mensajes: 35
Antigüedad: 22 años, 3 meses
Puntos: 0
urgente

como puedo hacer que al pasar sobre una imagen esta se oscuresca y cuando se salga de ella esta vuelva a la normalidad en lo posible compatible con ie y con netscape pero si no me sirve que sea compatible con ie5.5o superior

gracias y salu2



El metalero Metallick
Viva Chile y ...
  #2 (permalink)  
Antiguo 10/01/2002, 01:23
 
Fecha de Ingreso: noviembre-2001
Mensajes: 269
Antigüedad: 22 años, 5 meses
Puntos: 0
Re: urgente

entre <Head> y </Head>
<pre> &lt;style&gt;

&lt;!--//A:link {text-decoration: none;}A:visited {text-decoration: none;}//--&gt;

&lt;/style&gt;
</pre>

y entre &lt;Body&gt; y &lt;/Body&gt;
<pre> &lt;STYLE type=&quot;text/css&quot;&gt;

&lt;!--

A:link {COLOR: green; TEXT-DECORATION: underline}

A:visited {COLOR: gray; TEXT-DECORATION:undeline}

A:active {TEXT-DECORATION: none}

A:hover {COLOR: red; TEXT-DECORATION: none}--&gt;

&lt;/STYLE&gt;
</pre>

al links no le haces nada! y al codigo de la etiqueta body, le colocas los colores que tu quieras!. ademas, tambien puedes quitarle o agregarle el subrayado!

Espero que te halla servido.
Saludos

<P><center><embed width="350" height="60" loop=false src="http://www.galeon.com/iecach/firma1.swf"></center></P>
  #3 (permalink)  
Antiguo 10/01/2002, 05:43
Avatar de Helbira  
Fecha de Ingreso: octubre-2001
Ubicación: Sevilla, España
Mensajes: 1.228
Antigüedad: 22 años, 6 meses
Puntos: 5
Re: urgente

&lt;a href=&quot;#&quot; onMouseOver=&quot;document.imagen1.src='img/imagenOscura.gif';&quot; onMouseOut=&quot;document.imagen1.src='img/imagenClara.gif';&quot;&gt;

&lt;img name=&quot;imagen1&quot; src=&quot;img/imagenClara.gif&quot; border=&quot;0&quot;&gt;

&lt;/a&gt;

NOTA: Asegúrate que sean del mismo tamaño. Si no fuera así, en los eventos onMouseOver y onMouseOut debes también configurar, además de la url de la imagen, su tamaño. Se haría con las instrucciones:

document.imagen1.width=&lt;anchoImagen&gt;
document.imagen1.height=&lt;altoImagen&gt;

(análogamente para cuando insertes la imagen oscura)

No recuerdo si también van entre comillas simples, pruebalo tú.

El código de arriba funciona tanto en Netscape como en Internet Explorer.



<div align="left">
<img src="http://www.sfn.saskatoon.sk.ca/~ad676/moon/img/kissy.gif" border="0">
</div>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:39.