Ciao raga, ho preso spunto da un menu trovato tra gli script di html.it .
Il menu è questo
http://javascript.html.it/demo/javas...37/esempio.htm
Mi piacerebbe creare lo stesso effetto però in orizzontale anzicchè in verticale, avete idea di come potrei agire?
Grazie in anticipo!
Ciao, se c'e' gia un plug in fatto per l'orizzontale non lo so ma comunque se guardi la sorgente non e' altro che l'utilizzo di animate combinato col calcolo delle posizione /dimensioni.
Cambia il padding a i vari LI e posizione del menu(ultima riga sorgente)
Dimostrando i miei limiti chiedo ancora aiuto.
Ecco cosa ho fatto:
ho dato a ogni li un float a sinistra in modo da metterli allineati uno accanto all'altro e non uno sotto l'altro.
A questo punto già c'è un problema, i li in eccedenza, finita la larghezza dell'ul contenitore non scompaiono ma si posizionano sotto.
poi ho cambiato l'ultima riga dello script da così:
$('#menu').animate({top: top_value}, { queue:false, duration:500});
a così
$('#menu').animate({left: top_value}, { queue:false, duration:500});
Così però scrolla a sinistra tutto l'ul e non i singoli li.
Suggerimenti?
Grazie in anticipo!
I li probabilmente escono perche' anche l'UL necessita float left(non sono grafico ma presumo sia quello il problema).
$('#menu').animate({left: top_value}, { queue:false, duration:500});
#menu probabilmente e' l'id del ul e non del li cliccato o su mouseover, se devi spostare un li devi usare l'id dell'elemento che vuoi spostare.
Nel caso se per mouseover puoi usare $(this)..... dove this sta per l'oggetto intero(htmlObject)
Riprendo l'argomento.Ci sono quasi, grazie ai suggerimenti dati in precedenza ho ottenuto lo scorrimento dell'ul contenitore da sinistra a destra, purtroppo però il prblema è proprio quello.Non deve scorrere l'ul ma bensì i li al suo interno ai quali ho dato float:left, ma che coontinuano a mettersi uno sotto l'altro quando la larghezza dell'ul è finita.Insomma questi li devono stare uno accanto all'altro e se finisce l'ul devono scomparire per poi apparire a seconda del movimento del mouse come faccio a farli sparire?
Grazie in anticipo!
Piccola correzione, riesco a far scorrere i li, mentre l'ul resta fisso, mi manca solo che quei benedetti li invece di mettersi uno sotto l'altro vadano uno accanto all'altro e quando finisce l'ul scompaiano.
Grazie in anticipo!
Dai che ci sono quasi datemi una manina!
Permessi di invio
Rispondi quotando