Ako vytvoriť menu Javascript Drop Down S PHP

rozbaľovacích ponúk sú elegantné , sofistikované technológie pre zobrazovanie webových navigačné odkazy . Rozbaľovacie menu usporadúva rad odkazov v rámci danej kategórie . Je zobrazené iba v kategórii link na najvyššej úrovni , kým návštevník webu má svoj ​​myši cez hornú odkaz v menu , kedy zvyšok menu je odhalené . Skrytie menu , kým nie je aktivovaný týmto spôsobom umožňuje veľké množstvo odkazov , aby sa zmestili do malého priestoru , aby webové stránky s mnohými stránkach sa môžu použiť kompaktný panel navigácia v menu záhlaví . Veci , ktoré budete potrebovať klipart textový editor klipart webového prehliadača
servera beží PHP
Zobraziť ďalšie inštrukcie dovolená 1 Server - side PHP skriptovanie

Vytvoriť navigačné menu s PHP načítaním meno a relatívnu adresu každého odkazu z vášho systému . Na menšom mieste , táto informácia môže byť pevný kódované do skriptu , ktorý vytvorí navigačný panel , zatiaľ čo väčšie stránky budú pravdepodobne používať Content Management System pre uloženie odkazu informácií v databáze a získať to , keď sú prístupné stránky . Napríklad , môžete vytvoriť ponuku čítanie z poľa polí .

< ? Php

//priradenie hodnôt do polí

$ HOMELINK = array ( ' domáce ' , ' index.php ' ) ; $ contactLink = array ( ' kontakt ' , ' contact.php " ) ;

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

$ rozbaľovacieho = array ( $ Tretí bod , $ nextLink , $ thirdLink , $ fourthLink ) ;

$ topNavMenu = array ( $ HOMELINK , $ rozbaľovacieho $ contactLink ) ;

//načítanie hodnoty poľa do HTML prvkov

$ menu = '

" ; ( ! is_array ( $ item [ 0 ] ) )


foreach ( $ topNavMenu ako $ položka ) { if { $ menu = '

• ' $ item [ 0 ] ' < /a > < /li > ' ; ... } else { //ak je to $ ponuky rozbaľovacie menu = '
• " ; .. foreach ( $ item as $ link ) { $ menu = '
  • < a href = " " . $ link [ 1 ] ' " > ' $ link [ 0 ] ' < /a > < /li > ' ; .. } $ menu = " .. < /ul > < /li > " ; } . }
    

    $ menu = " < /ul > " ;
    

    //konečne , výstup výsledkov do prehliadača :
    

    echo $ ponuky ;
    

    ? >
    2 JavaScript beží v prehliadači klienta

    Vytvorte funkčnosť rozbaľovací s JavaScriptom . Keď sa stránka načíta , používať JavaScript skryť položky v rozbaľovacej ponuke , týmto spôsobom vaša ponuka je stále prístupný pre alternatívne prehliadače , ktorá nemusí mať schopnosti JavaScript . Keď návštevník stránok má svoje myši cez hornú položku v rozbaľovacej ponuke , odhaliť rozbaľovacej položky pomocou nastavenia " štýl " atribút príslušných prvkov :