Come creare una goccia Javascript Down Menu con PHP

I menu a discesa sono un elegante , sofisticata tecnica per la visualizzazione del sito web link di navigazione. Un menu a discesa organizza una serie di link in una determinata categoria . Solo il link categoria di livello superiore viene mostrato fino a quando un visitatore del sito detiene il mouse sopra il link in alto nel menù , momento in cui il resto del menu è rivelato. Nascondere il menu fino a quando non si attiva in questo modo consente un gran numero di link da inserire in un piccolo spazio , in modo che un sito web con molte pagine possono utilizzare una compatta barra dei menu di navigazione intestazione. Cose che ti serviranno
Text Editor
Browser Web
Server in esecuzione PHP
Mostra più istruzioni
1 server - side scripting PHP

Creare un menu di navigazione con PHP recuperando il nome e l' indirizzo relativo di ogni collegamento dal vostro sistema . Su un sito più piccolo , queste informazioni possono essere hardcoded nello script che crea la barra di navigazione ; che un sito più grande sarà probabilmente utilizzare un Content Management System per memorizzare le informazioni di collegamento in un database e recuperare quando si accede alle pagine . Ad esempio, è possibile creare un menu per la lettura di un array di array .

< ? Php

//assegnare valori agli array

$ Homelink = array ( 'casa' , 'index.php '); $ contactLink = array (' contatto ', ' contact.php ');

$ tOPLINK = array ( 'name' , 'url' ) ; $ Nextlink = array ( 'name' , 'url' ) ; $ thirdLink = array ( 'name' , 'url' ) ; $ fourthLink = array ( 'name' , ' url ');

$ discesa = array ( $ topLink , $ Nextlink , $ thirdLink , $ fourthLink ) ;

$ topNavMenu = array ( $ HomeLink , $ discesa , $ contactLink ) ;

//lettura dei valori di array in elementi HTML
menù

$ = '

';


foreach ( $ topNavMenu da $ item) {if ( is_array ( $ item [ 0 ] ) ) { $ menù = '

• se si href="'.$item[1].'"> ' $ item [ 0 ] ' < /a> < /li >' , . . . } else { //se questo è il menu a discesa menu di $ = '
• '; . foreach ( $ item da $ link) { $ menù = '
  • < a href = "' . . $ link [ 1 ] ' " >' $ link [ 0 ] ' < /a> < /li >' , . . . } $ = menù " . < /ul > < /li> " ; } }
    

    $ menù = " < /ul > " ;
    

    //infine , uscita il risultato al browser : .
    

    echo $ menù ;
    

    ? >
    2 JavaScript viene eseguito in del browser

    del cliente Crea la funzionalità discesa con JavaScript . Quando la pagina viene caricata , utilizzare JavaScript per nascondere le voci di menu a discesa , in questo modo il vostro menu è ancora accessibile ai browser alternativi che potrebbero non avere funzionalità JavaScript . Quando il visitatore del sito tiene il mouse sopra la voce in alto nel menu a discesa , visualizzare le opzioni di discesa impostando l'attributo ' style' degli elementi rilevanti :