A tutti
Se il codice è JS bisogna usare il tag javascrispt per postare il codice nob html
Va bene, chiedo scusa, non me ne ero accorto
Comunque:
Allora, l'attributo CSS che permette di visualizzare o meno un elemento è display, che può essere display:block (è di default, l'elemento viene visualizzato) oppure display:none (l'elemento non viene visualizzato). Quindi per gestire l'elemento al caricamento della pagina, devi usare soltanto CSS, se lo vuoi visibile non fai niente, altrimenti aggiungi style="display: none" dentro a <p>. Javascript, invece, si occupa della parte "dinamica" (cioè ciò che avviene quando l'utente fa qualcosa, dopo che la pagina è stata caricata). Nel tuo caso le azioni che devono modificare l'elemento (cioè mostrarlo o farlo sparire) sono quando il mouse passa sopra ad esso oppure quando lo abbandona. Quindi per gestire questi eventi, richiami delle funzioni, e sta a te decidere cosa vuoi che accada quando l'utente passa sopra o passa fuori.
Facciamo un esempio: vuoi un testo che inizialmente sia invisibile, e deve diventare visibile al passaggio del mouse, e successivamente diventare nuovamente invisibile quando il mouse lo abbandona. In questo caso, dato che all'inizio non deve vedersi, metti:
HTML:
<p style="display:none;" id="testo">Testo</p>
Poi il testo deve comparire quando ci passi sopra, quindi richiami la funzione comparsa(this) (che in pratica si occupa di porre display: block su un determinato elemento):
HTML:
<p style="display:none;" id="testo" onmouseover="comparsa(this)">Testo</p>
Infine, vuoi che quando il mouse abbandona l'elemento, l'elemento deve scomparire, allora richiami la funzione scomparsa(this) (che pone display:none su un determinato elemento)
HTML:
<p style="display:none;" id="testo" onmouseover="comparsa(this)" onmouseout="scomparsa(this)">Testo</p>
Tutto questo procedimento funzionera in modo continuativo (cioè se passi sopra, poi fuori, poi di nuovo sopra, il testo compare di nuovo).
Spero sia sia capito, buona serata