Script che quando si passa il mouse sopra una scritta compare da un altra parte

[linkk]

diciamo che se passo il mouse sopra la parola: "GATTO" vanga riportata anche in basso
e se sposto il mouse sopra un altra parola cambia anche sotto dove è riportata..

esiste uno script del genere?




"GATTO"

[tampertools]

function riporta (n) {
    document.getElementById("elm_" + (n + 1)).innerHTML = document.getElementById("elm_" + n).innerHTML;
}

<div id="elm_1" onmouseover="riporta(1);">GATTO</div>
<div id="elm_2" onmouseover="riporta(2);"></div>
<div id="elm_3" onmouseover="riporta(3);"></div>
<div id="elm_4" onmouseover="riporta(4);"></div>
<div id="elm_5"></div>

Diciamo che sono le basi...

[linkk]

Ho provato ma funziona che quando clicco sul nome gatto poi ne crea un altro sotto e poi se clicco su quello appena comparso me ne crea un altro e cosi via....
Invece dovrebbe fare cosi':
parole da passarci con il mouse= GATTO CANE MUCCA
qui mette il nome dove passa il mouse= " "
....se il mouse non è su nessuna delle parole rimane lo spazio bianco mentre se clicco o se rimango fermo con il mouse su una delle tre parole rimane a video quella parola...

[tampertools]

ah ok

function reset () {
  document.getElementById("risultato").innerHTML = "";
}

fucntion write (elm) {
  document.getElementById("risultato").innerHTML=elm.innerHTML
}

<div onmouseover="write(this)" onmouseout="reset">Cane</div>
<div onmouseover="write(this)" onmouseout="reset">Gatto</div>
<div onmouseover="write(this)" onmouseout="reset">Giraffa con i capelli blu</div>
...
<div id="risultato"></div>

PS credo si possa anche fare con i css3

[linkk]

ti ringrazio delle risposte correggi nel codice il secondo function...
poi ho provato ma quando passo sopra le scritte mi compare la scritta [object HTMLDivElement] ..........
mmmm colpa della giraffa con i capelli blu sicuramente

[linkk]

niente ho cercato su internet ma non trovo niente di simile

[tampertools]

Prova a sostituire i

write (this)

Con

write (this.innerHTML)

E nella seconda funzione metti solo

elm

Anziché

elm.innerHTML

[linkk]

si ora va quasi correttamente...credo chiedo troppo che i nomi dovrebbero rimanere sempre visibili invece ora come ci passo con il mouse rimanere a video solamente la parola che ci è passato il mouse sopra

[tampertools]

Cancella (onmouseout="reset") e nella funzione write sostituisci "=" con "+="