PDA

Visualizza versione completa : Creare un menu web "stile Mac"


nwinx
09-11-2006, 12.34.43
Ciao a tutti!
Un po' di tempo fa ho visto un sito (di cui ovviamente non ricordo il nome) in cui in basso alla pagina c'era un menù con degli oggetti colorati che scorrevano al passare del mouse verso destra o sinistra.. era cioè molto simile al menù che hanno i Mac nel loro sistema operativo.
La cosa strana è che mi sembra di ricordare non fosse fatto in Flash..

Secondo voi com'è che si può realizzare una cosa del genere senza Flash?
Non vi chiedo il codice esatto, ma almeno il linguaggio e le operazioni chiave da fare per ottenerlo..

Grazieee :-)

Gergio
09-11-2006, 12.47.01
puoi mettere delle immagini a cui dai un nome e poi te la giochi con onmouseOver e onmouseOut:

<img border="0" src="nome_immagine.gif" name="immagine" onmouseOver="mouseOver()" onmouseOut="mouseOut()" />

mouseOver e mouseOut sono funzioni che ti definisci nell'head e contengono la nuova immagine da caricare:

<script type="text/javascript">
function mouseOver()
{
document.immagine.src ="nome_immagine2.gif"
}
function mouseOut()
{
document.immagine.src ="nome_immagine.gif"
}
</script>

nwinx
09-11-2006, 12.51.58
Mm, ok, grazie, ma questo è un semplice rollover..
Quello che ho visto io era più una barra di oggetti che si ingrandivano "onMouseOver" e a seconda della posizione del mouse si spostavano verso destra (come in una galleria di foto)... e avevano anche un effetto di accelerazione e rallentamento particolari...
E non avevo mai visto niente del genere fuori da Flash...

Gergio
09-11-2006, 12.54.49
potresti suddividere ogni immagine in 3 o 4 sottoimmagini affiancate e per ogni sottoimmagine ricarichi il tutto

nwinx
09-11-2006, 13.02.05
Mm.. cosa vuol dire esattamente? Ricarico tutto "cosa"?
Mi sembrava chiaro il fatto che le singole immagini dovessero essere separate e non su una barra unica.. era questo che dicevi?

quipo.it
09-11-2006, 19.07.11
ti riferisci alla "dockbar"...

un articolo che parla di una pagina di google che imita la dockbar:
http://labnol.blogspot.com/2005/03/google-plays-hide-n-seek.html

un mirror della vecchia pagina:
http://ed.agadak.net/googlex/

e un archivio con la pagina, da cui puoi prendere le funzioni js:
http://elliottback.com/wp/wp-content/google-x.zip

nwinx
09-11-2006, 20.48.42
Sììì sìì, grazie!!! :)
Ora mi studierò il codice e proverò a rifarla! :act: