Atributos ONmouseOver Onmouseout

Citar

Escrito el 15 Mar 2012 10:06 pm

Amigos Necesito ayuda.....

mi problema es :
<div id="item-notifia"><a href="javascript:llamarasincrono('link1.html', 'contenidos');"><img src="img/imagenesBotones/notifia-nocolor.png" onmouseover="this.src='img/imagenesBotones/articulos-color.png';" onmouseout="this.src='img/imagenesBotones/notifia-nocolor.png';" /></a></div>

que cuando haga click en el boton se quede la imagen, hasta que haga click en otro boton...
ahi alguna forma??

Por blogdopata

10 de clabLevel

Envíale un mensaje privado

nub html 5

@blogdopata

Citar

Escrito el 16 Mar 2012 05:00 am

Puedes usar Jquery es muy Fácil

Código HTML :

<!DOCTYPE HTML>
<html>
<head>
   <title></title>
   <!--Cargamos Jquery-->
   <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
   <script type="text/javascript">
   //Función para cambiar las imagenes
   function cambiar(imagen){
         //Con jquery cambiamos el fondo del div "mostrarImagen", por la imagen que deseamos
          $("#mostrarImagen").css({'background':'url('+imagen+')'});
   }
   </script>
</head>
<body>

<ul>
    <li><a href="javascript:cambiar('http://www.cristalab.com/images/header/logo.png')">Imagen 1</a></li>
    <li><a href="javascript:cambiar('http://mejorando.la/cursos/html5-mexico/img/dispositivos.jpg')">Imagen 2</a></li>
</ul>

<!--Donde se mostrará la imagen-->
<div id="mostrarImagen">
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
</div>

</body>
</html>

Por sgb004

Claber

148 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

soy sgb

@sgb004

Atributos ONmouseOver Onmouseout

Escribe una respuesta rapida