Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Effetto rollover

  1. #1
    Utente di HTML.it L'avatar di gaten
    Registrato dal
    Jul 2007
    Messaggi
    1,269

    Effetto rollover

    Salve qualcuno può aiutarmi a creare un effetto rollover in modo tale che quando clicco deve restare la figura.
    Con i sogni possiamo conoscere il futuro...

  2. #2
    qualcosa del genere?

    codice:
    <head>
        <title>hovered - selected</title>
        <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
        <style type="text/css"> 
            .pippo
            {
                width:200px;
                height:200px;
                background-color:Black;
                cursor:pointer;
            }
            
            .pippo.hovered
            {
                background-color:Aqua;
            }
            
            .pippo.selected
            {
                background-color:Blue;
            }
        </style>
        <script type="text/javascript">
            $(function() {
                $(".pippo").hover(
                function() {
                    //hover in
                    $(this).addClass("hovered");
                },
                function() {
                    //hover out
                    $(this).removeClass("hovered");
                }).click(
                    function() {
                        $(".pippo").removeClass("selected");
                        $(this).addClass("selected");
                    }
                );
            });
        </script>
    </head>
    <body>
        <div class="pippo">
            
        </div>
    
        <div class="pippo">
            
        </div>
    
        <div class="pippo">
            
        </div>
    
    </body>
    Leonardo

  3. #3
    Utente di HTML.it L'avatar di gaten
    Registrato dal
    Jul 2007
    Messaggi
    1,269
    Si è perfetto questo effetto, però scusami se aggiungo questa cosa:

    Si potrebbe fare in modo che l'effetto entri da sinistra verso destra?
    Con i sogni possiamo conoscere il futuro...

  4. #4
    asd, certo!

    animate
    http://api.jquery.com/animate/

    poi da google pensando ad html.it ho trovato

    http://www.html.it/guide/esempi/jque...mazioni-3.html

    Leonardo

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.