Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2006
    Messaggi
    247

    un aiuto x accordion orizzontale

    salve a tutti,
    ho scaricato dalla sezione javascript di html questo script http://javascript.html.it/script/ved...n-orizzontale/
    per creare un accordion orizzontale! era proprio quello che cercavo!
    qualcuno mi potrebbe dare qualche indicazione per personalizzarlo nelle dimensioni?
    non so proprio da che parte cominciare!
    grazie a tutti dell'attenzione!

  2. #2
    adoro i programmatori che pubblicano script senza commenti :-((((

    Comunque, con un paio di prove ho notato questo:

    l'effetto su attiva chiamando sull'evento onload la funzione slideMenu.build (se leggi il codice lo trovi alla definizione del <body>)

    Nell'esempio vengono passati come argomenti 5 paramenti che sono:
    1. id dell'elemento UL che contiene i LI da spostare.
    2. La larghezza (width) in pixel che l'elemento attivo avrà.
    3 e 4. indicano la velocità di esecuzione dell'animazione ed il framerate (ti conviene modificare solo il primo che il secondo è un casino... lo aumenti o lo diminuisci a seconda che tu voglia, rispettivamente, un'animazione più lenta o più veloce)
    5. Indica se JS deve effettuare lo slide alla giusta posizione al caricamento della pagina (prima che ci passi sopra col mouse)

    Per il posizionamento e le dimensioni non devi far altro che creare un UL con margin e padding 0, senza stile alla lista ed overflow: hidden; con degli LI in float left, display:inline e overflow:hidden.

    (usa il file css dell'esempio come guida)

    Per il resto lo script dovrebbe fare da solo.

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2006
    Messaggi
    247
    grazie!
    tutto abbastanza chiaro.. in effetti è anche abbastanza semplice!
    credevo fosse molto più complicato! :master:

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.