JuliusDesign

Dock Bar stile Mac OS X: Esempi in Flash e JavaScript

di Letture: 1.667

Ecco due esempi di menu stile Dock Bar del Mac OS X, il primo in JavaScript, il secondo in Flash.

flash_mac_os_xstyel.jpg

Possiamo scaricare il menu Dock Bar stile Mac OS X per versione di Flash 5 o Flash MX2004, le immagini risiedono nel file progetto .fla e sono altamente modificabili e configurabili a nostro piacimento.

Nel sito dell’autore potrete trovare altri interessanti script Flash da utilizzare liberamente


Il menu è compatibile per IE 6, IE 7, Opera 9, Firefox 2, e Safari 2, Konqueror 3.5 su Ubuntu Linux

Menu Dock stile Mac in Javascript

Inserendo il Javascript nella nostra pagina potremo avere un menu Dock Bar del Mac OS X, ricordiamoci di inserire i vari tag Html come descritto nella pagina di download.

Nel sito dell’autore potrete trovare altri utili script da utilizzare liberamente

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

Chi ha letto questo articolo ha letto anche

14 Commenti

  2. Julius

    Ciao,

    si usa png trasparenti ( che però IE6 non gestisce se non fai delle procedure) altrimenti utilizza delle semplici GIF

    Cita / Quota
  3. DnaX

    Faccio notare che il dock in javascript non rende molto bene su IE e Firefox 2 a causa della bassa qualità del ridimensionamento delle immagini. Per ottenere un buon effetto occorre Firefox 3 alla sua beta attuale, la 4.

    Nessun problema invece con Opera e Safari.

    Cita / Quota
  5. Ted

    A me i js per le PNG trasparenti danno spesso problemi. Una volta, per esempio, mi ha annullato un effetto slide in/out di mootools. Poi, non ricordo dove l’ho letto, ma so che con xhtml 1.1, incasinano i form su Firefox. Sto provando quello creato dal team di google, ma non ho avuto modo di testarlo a dovere.

    In realtà è un peccato che IE 6 (o addirittura il 5.5) sia ancora in circolazione: le PNG trasparenti sono il futuro della grafica web.

    Cita / Quota
  6. igor

    Caro julius, partendo da qto menu stile mac, sarebbe possibile realizzarne uno come su qto sito?
    Oppure sapresti indicarmi un tutorial o dei sorgenti?
    Ti ringrazio molto

    Cita / Quota
  10. Barbara

    Ma le label col testo impostato al rollOver non si vedono?
    E’ possibile aggiungere dei link sulle icone e usarlo veramente come menu di navigazione ?
    non molto sono pratica di qst script così poco “visivi” sullo stage…..

    Cita / Quota
  11. Julius

    @Barbara puoi assegnargli un link come piace a te…

    sono dei movie clip selezionali e poi F9

    on(release){
    getURL("https://www.juliusdesign.net","_blank");
    }

    Cita / Quota
  12. luca

    scusate ma non sono molto pratico,devo creare un sito web con dreamweaver per un compito a scuola,sò usarlo a livello base,volevo inserire quasto menù o altri menù di questo tipo ma non sò come fare,c’è qualcuno che mi può passare tramite mail i file da mettere nel sito perchè non capisco neanche come scaricarlo questo..
    scusa la domanda stupida ma vorrei imparare diciamo..grazi e in anticipo a tutti

    Cita / Quota
  13. Francesco

    Ma se invece volessi usare dei clip come faccio a farli funzionare? io volevo che quando passavo sopra il bottine uscisse la scritta che li spiegava!

    Cita / Quota

Commenti