rullemenuer er et stilfuldt , sofistikeret teknik til visning website navigation links. En rullemenu arrangerer en række links under en given kategori. Kun det øverste niveau kategori link vises indtil et websted besøgende holder deres mus over toppen linket i menuen , på hvilket tidspunkt resten af menuen er afsløret. Skjule menuen, indtil den er aktiveret på denne måde tillader en lang række links til at passe ind i et lille rum, så en hjemmeside med mange sider kan anvende en kompakt header navigation menulinjen . Ting du skal
Text editor en Web browser
Server, der kører PHP
Vis Flere Instruktioner
1 Server -side PHP Scripting
Opret en navigationsmenu med PHP ved at hente navn og relative adresse for hver link fra dit system. På et mindre site , kan denne information blive hårdt kodet i scriptet , der skaber navigationslinjen , mens en større hjemmeside vil sandsynligvis bruge et Content Management System til at gemme link oplysninger i en database og hente det, når siderne er tilgængelige . For eksempel kan du oprette en menu ved at læse en bred vifte af arrays.
< ? Php
//tildele værdier til arrays
$ Homelink = array ( 'hjem' , 'index.php '); $ contactLink = array (' kontakt ', ' contact.php ');
$ toplink = array ( 'navn' , 'url '); $ Nextlink = array ( 'navn' , 'url '); $ thirdLink = array ( 'navn' , 'url '); $ fourthLink = array ( 'navn' , 'url ');
$ dropdown = array ( $ toplink , $ Nextlink , $ thirdLink , $ fourthLink ),
$ topNavMenu = array ( $ Homelink , $ dropdown , $ contactLink )
//læse array værdier til HTML-elementer
$ menu = '
"
//endelig output resultatet til browseren: .
echo $ menuen;
< p> ? >
2 JavaScript kører i kundens browser
Opret dropdown funktionalitet med JavaScript. Når siden indlæses , skal du bruge JavaScript til at skjule dropdown menupunkter , på denne måde din menu er stadig tilgængelig for alternative browsere som måske ikke har JavaScript kapaciteter. Når hjemmesiden besøgende holder hende musen over den øverste post i rullemenuen , afslører dropdown elementer ved indstilling af "stil" attribut i de relevante elementer : Hej