Visualizzazione dei risultati da 1 a 2 su 2

Discussione: immagini e testo

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    115

    immagini e testo

    vorrei sapere qual è il codice per fare in modo che passando con il mouse sopra un'immagine (senza necessariamente cliccarci) possa apparire una scritta da me scelta in una zona specifica della mia pagina (ad esempio un riquadro)

    grazie.

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Una possibile soluzione (solo CSS, no Javascript)

    1) Posiziona il tuo riquadro (un div suppongo) con la proprietà position e imposta la proprietà display a 'none' con un css

    2) crea il testo sensibile dentro un link e metti il codice html del tuo riquadro

    codice:
    <a href="#" onclick="return false" id="sensibile">
    Testo sensibile
      <div id="riquadro">riquadro</div>
    </a>
    3) crea un css di questo tipo

    codice:
    #sensibile:hover #riquadro {
       display: block;
    }


    Se vuoi invece usare Javascript il testo sensibile va dentro un span o un div a cui associ l'evento onmouseover. Il codice che si attiverà all'evento è un <elemento_riquadro>.style.display='block'




    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.