Programmazione Web » Javascript » Una pagina web come il desktop di Windows
Una pagina web come il desktop di Windows
Difficoltà:
Scritto da Alberto Giuliani
Sito Web: http://www.agwebsolutions.it 
Questo tutorial è stato letto 952 volte
In questo tutorial vedremo come realizzare una pagina web in cui siano presenti delle icone sullo sfondo. Con un doppio click su ogni icona sarà possibile accedere alle varie sezioni del sito.
Sicuramente si tratta di uno script carino che se sviluppato permette di creare un sito gradevole ed ordinato.
Ecco il codice per ogni singola icona:
<a href="#" onDblClick="window.location='prova.php'"><img src="http://www.agwebsolutions.it/script/tutorialdesktop.bmp" border="0"></a>
In questo codice il percorso dell'immagine è quello dell'anteprima poche righe sopra, ma sarà logicamente settato a vostro piacere.
Da notare quindi l'attributo OnDblClick che permette con un doppio click sull'immagine di aprire la pagina. Non ci dimentichiamo di settare il percorso della pagina che deve essere aperta qui:
window.location='prova.php'
Nel nostro caso l'abbiamo chiamata "prova.php", ma il nome sarà quello della pagina interessata.
Si tratta quindi di una struttura che può essere ampliata, ad esempio ponendola in un DIV posto in un punto a caso dello schermo, in modo da rendere il nostro desktop fluido. Sicuramente è un sistema ottimo per realizzare un sito intuitivo e carino.
Aggiungi questo tutorial ai preferiti
