Risorse per webmaster

L A   C O M U N I T À   V I R T U A L E   I T A L I A N A   P E R   W E B   M A S T E R S

 
 
      Tecnologie
      HTML
      CSS
      DHTML
      FLASH
      ASP
      PHP
      JSP
      PERL
      XML
      SMIL
      WIRELESS
      PALMARI
      APACHE
      MYSQL
      PICOSQL
 
      Grafica
 
      Servizi
 
      Raccolte
 
      Recensioni
 
      Analisi
 
      Disclaimer

   Per tutti
 
  .: Magazine
  .: Editor
  .: Appunti
  .: Gratis
  .: Scripts
  .: Components
 
   Home page

Partner
Comunicati stampa
Proposte di viaggio
Prenotazione hotel
Prenota vacanze
Accessori palmari
Cerca alberghi
Guide turistiche

versione stampabile Mostra una versione adatta per la stampa  

Livello di difficoltà:Livello di difficoltà: medio  
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.
 

 
 
Home > dhtml > teoria > 2001 > luglio > ...   © 1999-2017 Risorse.net, tutti i diritti riservati