Salve qualcuno può aiutarmi a creare un effetto rollover in modo tale che quando clicco deve restare la figura.
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...
qualcosa del genere?
Leonardocodice:<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>
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...
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