|
Altri eventi molto
diffusi nella programmazione in Javascript sono onMouseOver
e onMouseOut. Il primo viene generato quando spostiamo il
mouse sopra un determinato elemento della pagina Web, mentre il secondo
quando lo spostiamo all'esterno di tale elemento.
Mediante questi due eventi, generalmente combinati, possiamo creare
effetti visivi per migliorare la grafica del nostro sito, oppure ad
esempio per modificare il testo della barra di stato.
Esempio 5.3
|
<html>
<head>
<script language="javascript">
window.status="Questo è il testo della barra di
stato";
function TestoBarra() {
window.status="Ora il testo è cambiato";
}
function TestoBarra2() {
window.status="Il testo è cambiato nuovamente!";
}
</script>
</head>
<body>
<p onMouseOver="TestoBarra();"
onMouseOut="TestoBarra2();">Guarda il testo nella
barra di stato prima e dopo aver spostato il mouse su questa
scritta</p>
</body>
</html>
|
Nell'esempio 5.3
abbiamo visto l'uso combinato di onMouseOver e onMouseOut per modificare
il testo della barra di stato. Al caricamento della pagina del browser,
nella barra di stato compare la frase "Questo è il testo della
barra di stato". Se però proviamo a spostare il mouse sopra la
scritta presente nel browser, nella barra di stato comparirà la frase
"Ora il testo è cambiato". Infine, se spostiamo il mouse
all'esterno della scritta del browser, il testo della barra di stato
cambierà ancora, diventando "Il testo è cambiato
nuovamente!".
Come abbiamo potuto osservare inoltre, questi due eventi possono essere
utilizzati anche con i tag <p>...</p>, ma anche con i tag
<a>...</a>, le immagini e le mappe.
Lezione
successiva =>
Torna
all'indice
|
Guidainlinea.com come homepage
Aggiungi questa pagina ai preferiti