Dropdown menyer er en stilig , sofistikert teknikk for å vise nettstedet navigasjonskoblinger . En rullegardinmeny organiserer en rekke linker under en gitt kategori . Bare på øverste nivå kategori Koblingen vises til en nettside besøkende holder musen over den øverste linken i menyen , hvor resten av menyen er avslørt. Skjule menyen til den er aktivert på denne måten gjør at et stort antall linker til å passe inn i en liten plass, slik at et nettsted med mange sider kan bruke en kompakt header navigasjon menylinjen . Du trenger
tekst editor
nettleser
Server kjører PHP
Vis flere instruksjoner
en Server-side PHP Scripting

Lag en navigasjonsmeny med PHP ved å hente navn og relativ adresse for hver kobling fra systemet. På et mindre område , kan denne informasjonen bli hardkodet inn i manuset som skaper navigasjonsfeltet , mens et større område vil trolig bruke et Content Management System for å lagre koblingen informasjon i en database og hente det når sider er tilgjengelige . For eksempel kan du lage en meny ved å lese ut en rekke arrays.

< ? Php

//tildele verdier til matriser

$ HomeLink = array ( 'hjem' , 'index.php '); $ contactLink = array (' kontakt ', ' contact.php ');

$ TopLink = array ( 'name ', ' url '); $ nextlink = array ( 'name ', ' url '); $ thirdLink = array ( 'name ', ' url '); $ fourthLink = array ( 'name ', ' url ');

$ dropdown = array ( $ TopLink , $ nextlink , $ thirdLink , $ fourthLink ) ;

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

//lese ut tabellmedlemmene verdier i HTML-elementer

$ menu = '

';


foreach ( $ topNavMenu som $ element ) { if ( is_array ( $ item [ 0 ] ) ! ) { $ menu = '

• ' $ item [ 0 ] < /a > < /li > '; . . . } else { //hvis dette er den dropdown menyen $ menu = '
• '; . foreach ( $ element som $ link) {$ menu = '
  • ' $ koblingen [ 0 ] < /a > < /li > '; . . . } $ menu = " . < /ul > < /li > "; } }
    

    $ menu = " < /ul >";
    

    //slutt , utgang resultatet til leseren: .
    

    echo $ menyen ;
    < p> ? >
    to JavaScript kjører i klientens nettleser

    Lag dropdown funksjonalitet med JavaScript. Når siden lastes , bruker JavaScript til å skjule dropdown menyelementer denne måten menyen er fortsatt tilgjengelig for alternative nettlesere som kanskje ikke har JavaScript- evner. Når nettsiden besøkende holder henne musen over det øverste elementet i nedtrekksmenyen , avsløre dropdown elementer ved å sette "stil" egenskap av de relevante elementer : en