Il Sito per imparare gratuitamente a fare pagine Web

Oggi: Venerdì 10 Febbraio 2012   Ore: 06:34
 
Home · XHTML con Style · Primi Passi · Guida HTML · Guida CSS · F.A.Q. · Scripting · Applets · Grafica Web · Forum · Comunicazioni Scrivimi
 
  Web-Link
Fai una libera donazione, qualsiasi cifra
Libera Donazione
  180 Scripts
web-link
·Effetti sul Cursore
·Effetti sui links
·Effetti sul testo
·Effetti su immagini
·Protezioni varie
·Gestione finestre
·Animazioni
·Date e Calendari
·Orologio ed Orario
·Messaggi e frasi
·Menù navigazione
·Banners
·Scritte sulle Barre
·Decorazioni
·Utilità varie
·Cookies
·Motore Ric.Interno
·Forma o Moduli
·Reindirizzamento
·Multimedialità
web-link
  Fare Web
web-link
·Applets
·Banners
·Blog
·Chat
·Contatori
·DHTML
·E-Commerce
·Editors CSS
·Editors HTML
·Flash
·Forum
·F.T.P.
·Guestbooks
·Grafica
·Iscriz.Mot.Ricerca
·Java Applets
·Java Script
·Mailling List
·Mappe Cliccabili
·Meta Tags
·Mot.ricerca interno
·Scripting
·Sondaggi on-line
·Spazi Web
·Tag Boards
·Validatori HTML
·W3C Specifiche
·Web Designer
·Web Master
web-link
web-link
 

Scripting






Cursore trascinante del testo.     

Crediti:
Nome: Peter Gehrig
Website: Homepage
Note: Preso su Dynamic Drive che ne ha modificato il codice per renderlo perfettamente compatibile con IE

Descrizione: Si tratta di avere un testo che segue sullo schermo il puntatore del mouse facendo gli stessi movimenti e le stesse evoluzioni per poi ricomporsi appena ci si ferma.


Passo 1: seleziona tutto il codice cliccando sulla forbice, quindi portati sul testo evidenziato e adopera il tasto destro del mouse per copiarlo e incollarlo nella tua pagina web, in questo caso fra i tags: <head> e </head>

seleziona tutto

Devi soltanto cambiare il testo con quello che preferisci, fallo modificando il valore della variabile "message" che trovi come prima riga del primo script, quello da inserire nella parte head. Puoi cambiare anche il colore, le dimensioni ed il font modificando la parte relativa allo <style> è è molto intuitiva come potrai vedere: font-size:10pt; font-family:Verdana; font-weight:bold; color:green.

Passo 2: Stessa operazione ma questa volta copia all'interno del tag: <body>

seleziona tutto

Passo 3: Una volta inseriti i due script nelle relative zone della tua pagina html non ti resta che aggiungere l'evento onload all'istruzione BODY. L'evento serve ad attivare lo script una volta caricata la pagina, copia esattamente l'istruzione sotto:

<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">




Valutazione

(Valutazione: 3.26 / 5 - Voti: 57)



  Elenco completo degli script.







Fai una libera donazione, qualsiasi cifra
Libera Donazione





  Potete fare domande e discutere l'argomento sul Forum



  Risorse
· Forum
· F.A.Q.
· Frames
· Scripting
· Applets
· Grafica Web
· Banner Exchange
· Novitànews
weblink
  Servizi
· Web-Link Award
· I Files Scaricati
· Segnala il sito
· Leggi Guestbook
· Firma Guestbook
· Banners
weblink
  Linguaggi
· A.J.A.X.
· A.S.P.
· C.G.I.
· C.S.S.
· Flash
· H.T.M.L.
· X.H.T.M.L.
· Java
· JavaScript
· P.E.R.L.
· P.H.P.
· X.M.L.
weblink
  Download
· Primi Passi
· Guida HTML
· Guida CSS
· Guida XHTML
weblink
 
· Home Page Home Page · Aggiungi ai preferiti Aggiungi ai preferiti · Segnala ad un amico Segnala il sito ai tuoi amici ·
 

Valid CSS!
Valid HTML 4.01!

Questa pagina è esclusiva proprietà di © Web-Link © Andrea Bianchi 1997 ~ 2012
Vietata la copia e la distribuzione, anche parziale, senza la previa autorizzazione scritta di Web-Link

eXTReMe Tracker