Testo interattivo

Arretrati lista "Una demo Dhtml a settimana"
di Risorse.net

CONOSCENZE CONSIGLIATE PER QUESTO ARTICOLO: Html, Css, Javascript

COMPATIBILITÀ: Ms Ie
FILES ESTERNI: Nessuno
Visualizza la demo
Scarica la demo

Questa settimana vedremo un esempio molto semplice ma davvero interessante. Purtroppo per˛, compatibile esclusivamente con Ms Ie. Nella demo sono presenti due testi: passandoci sopra con il cursore del mouse, cambierÓ il colore e il puntatore. Vediamo come:

<STYLE TYPE="text/css">

.blue {color:blue; cursor:hand}

.red {color:red; cursor:help}

</STYLE>


Vengono create le due classi per i due testi. Nel Css (www.Risorse.net/css) viene specificato il colore (blue e rosso) e il puntatore (a manina, tipico dei links e di aiuto, con il punto di domanda per intenderci).
Nel <BODY> ora, inseriamo il testo ed il richiamo, legato all'evento onmouseover delle classi.

<H1 ONMOUSEOVER="this.className = 'blue';" ONMOUSEOUT="this.className = '';">

Passando il puntore del mouse in questo

punto il testo diventa blu.....

</H1>

<H1 ONMOUSEOVER="this.className = 'red';" ONMOUSEOUT="this.className = '';">

... qui, invece, diventa rosso

</H1>


Per qualsiasi dubbio, puoi scrivere sul Forum di Risorse.net, all'indirizzo www.risorse.net/community/forum

L A   C O M U N I T A `   D I   R I S O R S E . N E T
Per accedere alle sezioni protette di Risorse.net (Forum, Newsgroup, sezione password dell'archivio Dhtml ecc.) devi essere iscritto alla ComunitÓ. L'iscrizione Ŕ gratuita e viene garantita la tutela della privacy (675/96). Visita www.risorse.net/community.

© Risorse.net (www.risorse.net)
pagina in versione stampabile:
http://www.risorse.net /dhtml/teoria/2001/luglio/87.asp?print=ok