Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Combio colore bg di un div al passaggio dem mouse?

    Salve,
    vorrei sapere, se possibile, come si fa a impostare il cambiamento del colore di sfondo di un div o l'immagine di sfondo al passaggio del mouse con i css.
    Grazie

  2. #2
    <div id="ciao">...</div>


    onmouseover="document.getelementbyid('ciao').style .backgroundColor='#ffffff'"

    onmouseover="document.getelementbyid('ciao').style .background='url(ciao.jpg)'"


    Dovrebbe funzionare
    Due cose sono infinite: l'universo e la stupidità umana, ma riguardo l'universo ho ancora dei dubbi! (A.Einstein)

  3. #3
    Utente di HTML.it L'avatar di *pragma
    Registrato dal
    Sep 2001
    Messaggi
    1,087

    Re: Combio colore bg di un div al passaggio dem mouse?

    Originariamente inviato da Singfrido
    Salve,
    vorrei sapere, se possibile, come si fa a impostare il cambiamento del colore di sfondo di un div o l'immagine di sfondo al passaggio del mouse con i css.
    Grazie
    se vuoi farlo con i css :
    codice:
    nell'HEAD
    <style>
    a#sfondo {
        background-color: #0000ff;
       cursor: default;
     }
    a:hover#sfondo {
        background-color: #00ff00;   
         cursor: default;
       }
      
        </style>
    
    e nel body
    <a href="#" <div id="sfondo" style="width:220px;height:120px;">
    tutto testo
    </div></a>
    meglio con il JavaScript come ti ha detto sora88

    p.es.
    nell'head
    codice:
    <script>
    function colore1() {
    sfondo1=document.getElementById("sfondo").style
                  sfondo1.backgroundColor = "#ff0000"
       }
    function colore2() {
    sfondo2=document.getElementById("sfondo").style
           sfondo2.background = "#00ff00"
       }
    </script>
    
    e nel body
    
    <div id="sfondo" onMouseOver="colore1()" onMouseOut="colore2()" style="width:220px;height:120px;border:2px solid #0000ff;background-color:#0000ff;">
    tutto testo
    </div>

  4. #4
    Io l'ho fatto al volo :P
    Due cose sono infinite: l'universo e la stupidità umana, ma riguardo l'universo ho ancora dei dubbi! (A.Einstein)

  5. #5
    Utente di HTML.it L'avatar di *pragma
    Registrato dal
    Sep 2001
    Messaggi
    1,087
    il mio css ha un errore
    <a href="#" <div id="sfondo"

    con Moz chiaramente non funzica, con IE chiaramente funzica e quello che da fastidio è che funzica anche con Opera VVoVe:

    usa il javascript che è meglio

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.