joan16v

16 febrero 2010

como hacer con jQuery un menú con imágenes de sustitución…

Filed under: General — joan16v @ 16:06
Tags: , ,

        
            $(document).ready(function() {
                $("#menuHeader img").hover(
                    function() {
                            imgName=$(this).attr("src").replace(".png","_on.png");
                            $(this).attr("src",imgName);
                    },
                    function() {
                            imgName=$(this).attr("src").replace("_on.png",".png");
                            $(this).attr("src",imgName);
                    }
                )
            });
        

3 comentarios »

  1. gracias por conpartir tu codigo, quiero dar lo mio, checa este codigo es muy sencillo

    $(‘div[class=”juegoimagens”]’).mouseover(function(){
    $(this).children().html(”);
    })

    $(‘div[class=”juegoimagens”]’).mouseout(function(){
    $(this).children().html(”);
    })

    para mas detalles visitarme
    http://www.informatica-easy.webcindario.com/

    Comentario por davan — 12 agosto 2010 @ 5:24 | Responder

  2. 
    
    
    
    
    
    
     
       			  
      			
       
    
    
    
       
    $('div[class="juegoimagens"]').mouseover(function(){
    $(this).children().html('');
    })
    
    $('div[class="juegoimagens"]').mouseout(function(){
    $(this).children().html('');
    })
    
    
    
    

    Comentario por davan — 12 agosto 2010 @ 5:25 | Responder

  3. no tienes el signo
    script language=”javascript” src=”jquery.js”> /script>
    /head>

    body>

    div class=”juegoimagens” >
    span style=”cursor:pointer”>
    img src=”imagenes/librdeeta.png” alt=”eeewwe” />
    /span>

    body />

    script type=”text/javascript”>

    $(‘div[class=”juegoimagens”]’).mouseover(function(){
    $(this).children().html(”);
    })

    $(‘div[class=”juegoimagens”]’).mouseout(function(){
    $(this).children().html(”);
    })

    /script>

    Comentario por davan — 12 agosto 2010 @ 5:28 | Responder


RSS feed for comments on this post. TrackBack URI

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Blog de WordPress.com.

A %d blogueros les gusta esto: