joan16v

16 febrero 2010

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

Archivado en: 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 para los comentarios de esta entrada. URI para TrackBack.

Deja un comentario

Fill in your details below or click an icon to log in:

Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s

Tema Rubric. Blog de WordPress.com.

Seguir

Get every new post delivered to your Inbox.