Livello di difficoltà: |
|
Dynamic Html è una tecnologia approvata dal W3C per la creazione di siti Web dinamici ed interazioni client side con l'utente. In questa sezione sono disponibili centinaia di esempi ed arretrati della mailing list "Una demo Dhtml a settimana".
|
| |
Testo interattivo
Arretrati lista "Una demo Dhtml a settimana"
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.
|
