WebMasterPoint.org - Appunti di DHTML: Home

Appunti di DHTML: Home

Appunti di DHTML, l'HTML dinamico

a cura di Lorenzo Pascucci

Banner fluttuante per il monitor
Attraverso questo semplice codice, possiamo avere un grande effetto
"Caricamento in corso" prima di visualizzare la pagina
Crea un testo che invita ad attendere mentre si sta caricando l'immagine
"Scrolling di un layer"...
Scrollare del testo o immagini all'interno di un layer senza l'utilizzo di alcun frame o iframe!
Immagine che segue il mouse
Attraverso questo semplice codice Dhtml è possibile visualizzare a fianco il cursore del mouse un'immagine
Banner 468x60 che si ingrandisce al passaggio del mouse
Attraverso questo semplice codice Dhtml è possibile visualizzare a fianco il cursore del mouse un'immagine
Effetto lente di ingrandimento
Con questo script DHTML è possibile applicare su un'immagine un effetto "lente d'ingrandimento".
Tabelle colorate al passaggio del mouse
Nello script DHTML che analizzeremo oggi, vedremo come è possibile al passaggio del mouse cambiare colore alle celle di una tabella
Testo 3D in rotazione
Vediamo come inserire un testo 3D che rotea
Menù in stile Windows con PopUp
Quest'oggi vedremo come inserire un menù in stile windows realizzato interamente in dhtml
Layer Draggabili
Nell'esempio DHTML di oggi vedremo come è possibile fare un drag and drop con dei layer
Testo a pioggia
L'esempio DHTML di oggi permette di creare un movimento a caduta verticale da parte delle lettere di una scritta
Immagine sfumata
L'immagine appare sfumata, e diventa nitida appena si passa sopra con il mouse
Immagine che si ingrandisce al passaggio del mouse
Con questo DHTML vedremo come è possibile che un'immagine venga ingrandita quando ci passiamo sopra con il mouse
Bottoni che cambiano colore al passaggio del mouse
Oggi vedremo come grazie a qualche riga di DHTML sia possibile colorare i bottoni dei form
Immagine con effetto onda cliccando su un bottone
Con questo DHTML è possibile avere un effetto onda su un'immagina, dopo la pressione di un bottone
HV Menu v5.41, un menù molto bello in dhtml
Questo dhtml visualizza una barra verticale con menù a comparsa
Visualizzare un orologio
Questo dhtml visualizza un orologio che si aggiorna in tempo reale
Sfere colorate che seguono il puntatore del mouse
Questo esempio DHTML visualizza delle sfere colorate che seguono il cursore del mouse
Visualizzare un testo fisso in fondo alla pagina
Visualizzare un messaggio testuale che rimane fisso in fondo alla pagina, e scrolla con essa
Inserire degli occhi che "seguono con lo sguardo" il puntatore del mouse
Un DHTML molto simpatico, che visualizza nello schermo due occhi, che "osservano" gli spostamenti del puntatore del mouse
Bottoni che tremano al passaggio del mouse
Con questo DHTML si possono creare degli ottimi menù, inserendo dei bottoni che vibreranno al passaggio del mouse
Logo statico fisso sullo schermo
Questo DHTML permette di inserire un logo che risulterà fisso nello schermo, esattamente nella posizione che noi desideriamo
Barra dinamica per le news
Con questo DHTML possiamo creare una barra con le news che vengano visualizzate automaticamente
Lettere volanti che compongono una scritta
Con questo DHTML creiamo una scritta che si compone utilizzando delle "lettere volanti"
Un link "go to TOP" fisso in fondo alla pagina
Questo DHTML è utile soprattutto per le pagine molto lunghe. In fondo alla pagina viene mostrata fissa la scritta "top" che ci permette di andare in cima alla pagina
Visualizzare un testo diverso per ogni giorno della settimana
Con questo script possiamo visualizzare un testo diverso ogni giorno, per tutti i 7 giorni della settimana
Selettore dinamico di immagini
Con questo script DHTML viene creato un visualizzatore dinamico di immagini
Creare una scritta con le parole che cadono dall'alto
Con questo script è possibile inserire una scritta, che si forma con la caduta dall'alto delle parole
Inserire un countdown
Con questo DHTML possiamo inserire un countdown, con la possibilità di personalizzare il messaggio che comparirà nella data prefissata
Nuovissimo tipo di finestra PopUp in DHTML
Questo script, uscito da pochissimi giorni, crea una finestra popup dal grande impatto grafico
Descrizioni sui link al passaggio del mouse
Con questo script DHTML comparirà una descrizione sotto al link su cui siamo passati sopra con il mouse
Creare uno scroller dinamico per le news
Con questo DHTML creeremo uno scroller per le news, bello graficamente e molto semplice da installare ed utilizzare
Massimizzare una finestra automaticamente
Questo script permette di massimizzare automaticamente una finestra
Limitatore di caratteri in un campo di form, con indicatore di caratteri rimanenti
Con il DHTML di oggi possiamo limitare il numero di caratteri disponibili in un INPUT o in una TEXTAREA
Impedire che venga selezionato il testo presente in una pagina
Con questo script DHTML è possibile impedire che venga selezionato il testo di una pagina web
Motore di Ricerca interno alla pagina
Con questo DHTML possiamo inserire un motore di ricerca interno alla pagina, che simula la funzione Modifica>Trova presente nel browser
Creare un effetto "cielo stellato" in una pagina web
Con questo script DHTML è possibile creare un effetto "cielo
stellato" in una pagina web, ovvero verranno visualizzate delle stelle che si avvicinano
Effetto fade su una scritta
Con questo script DHTML possiamo creare un effetto fade su qualsiasi scritta
Effetto fade su una scritta
Con questo script possiamo creare dei link lampeggianti, scegliendo se "lampeggiare" il testo o il background del testo
Scroller Tooltip
Parleremo di Scrolling Tooltip, ovvero una Tooltip con all'interno un testo scorrevole
Effetto arcobaleno su un link al passaggio del mouse
Con questo DHTML, al passaggio del mouse su un link quest'ultimo crea un effetto "arcobaleno"
Massimizzare automaticamente le dimensioni di una pagina
Con questo script è possibile massimizzare automaticamente una finestra che non ha le sue dimensioni massime
Descrizioni "espansibili" su voci di menù
Con questo script DHTML è possibile creare dei box estensibili, associati a delle voci testuali...
Modificare la dimensione dei caratteri al volo
Modificare la dimensione dei caratteri di un testo è una utility interessante per gli utenti con difficoltà visive...
Voci di menu evidenziate in base alla pagina corrente
Vediamo come creare un menù con le voci evidenziate in basa alla pagina in cui ci troviamo
Rivelare una pagina
Questo script DHTML crea una sorta di sipario che nasconde la pagina
Scroller con effetto fade
Questo DHTML crea un box dove vengono mostrate delle scritte che scorrono con un effetto fade
Menù a scorrimento orizzontale
Con questo script DHTML verrà creato un menù a scorrimento orizzontale. Passando il mouse sopra due bottoni, le voci del menù si sposteranno rispettivamente a destra o a sinistra
Spot pubblicitario flash in Dhtml
In molti siti si vedono ormai dei messaggi pubblicitari che compaiono come delle popup, ma non sono reali popup, bensì veri e propri oggetti della pagina corrente
Menu che scorre insieme alla pagina
Un menu che scorre insieme alla pagina all'atto dello scroll e rimane quindi sempre evidente ed utilizzabile
Effettuare lo zoom-in e lo zoom-out su un'immagine
Grazie ad un codice Javascript possiamo effettuare il cosiddetto zoom-in ed il zoom-out su un'immagine prestabilita