Ajax è una tecnologia Web che utilizza codice JavaScript per richiedere una risposta da un server HTTP senza ricaricare l'intera pagina Web. L'acronimo sta per Asynchronous JavaScript e XML. Ajax possono essere trovati ovunque sul web. Si integra inoltre con praticamente tutto, tra cui ASP, XML, HTML e PHP.
Istruzioni
1
Scaricare il file compresso, chiamato ajax-menu-Sample. zip, dal sito Deluxe-Menu (vedi riferimenti). Estrarre e copiare la cartella "ajax-menu.files" alla tua pagina Web directory.
2
Incollare il codice seguente nella sezione < head > della tua pagina. Fare riferimento al file index. html da ajax-menu-Sample. zip per il corretto posizionamento:
< script type = "text/javascript" href="ajax-menu.files/style.css"
rel = "stylesheet" >< / noscript >
3
Aggiungere il seguente codice di menu alla sezione < body > della tua pagina per creare un elenco non ordinato per la vostra navigazione principale superiore:
< ul id = "deluxeMenu" >
< li >< un href = "#" > Home < /a >< / li >
< li >< un href = "#" >< span > Info prodotto < / span >< /a >< un href="info.html" >< /a >< / li >
< li >< un href = "#" >< campioni di span > < / span >< /a >< un href="samples.html" >< /a >< / li >
< li >< un href = "#" > acquisto < /a >< / li >
< li >< un href = "#" > Scrivici < /a >< / li >
</UL >
<!-- menu script init... >
< script type = "text/javascript" e gli elementi di "Campioni", come mostrato nei codici qui sotto:
< un href="info.html" >< /a >
< un href="samples.html" >< /a >
4
Creare questi file esterni per i sotto-menu: info.html e samples.html.
Aggiungere questo codice per la info.html:
< ul style = "width: 136px;" >
< li >< un href = "#" > caratteristiche < /a >< / li >
< li >< un href = "#" >< span > installazione < / span >< /a >
< ul style = "width: 133px;" >
< li >< un href = "#" > Descrizione del file < /a >< / li >
< li >< un href = "#" > come per installazione < /a >< / li >
</UL >< / li >
< li >< un href = "#" > parametri Info < /a >< / li >
< li >< un href = "#" > funzioni dinamiche < /a >< / li >
< li >< un href = "#" >< span > browser supportati < / span >< /a >
< ul style = "width: 117px;" >
< li >< un href = "#" > Windows OS < /a >< / li >
< li >< un href = "#" > Internet Explorer < /a >< / li >
< li >< un href = "#" > Firefox < /a >< / li >
< li >< un href = "#" > Mozilla < /a >< / li >
< li >< un href = "#" > Netscape < /a >< / li >
< li >< un href = "#" > Opera < /a >< / li >
< li >< un href = "#" > MAC OS < /a >< / li >
< li >< un href = "#" > Firefox < /a >< / li >
< li >< un href = "#" > Safari < /a >< / li >
< li >< un href = "#" > Internet Explorer < /a >< / li >
< li >< un href = "#" > Unix/Linux OS < /a >< / li >
< li >< un href = "#" > Firefox < /a >< / li >
< li >< un href = "#" > Konqueror < /a >< / li >
</UL >< / li >
</UL >
Aggiungere questo per la samples.html:
< ul style = "width: 133px;" >
< li >< un href = "#" > voci di Menu di esempio < /a >< / li >
< li >< un href = "#" > esempio 1 < /a >< / li >
< li >< un href = "#" > esempio 2 < /a >< / li >
< li >< un href = "#" > campione 3 < /a >< / li >
< li >< un href = "#" > campione 4 < /a >< / li >
< li >< un href = "#" > campione 5 < /a >< / li >
< li >< un href = "#" > esempio 6 < /a >< / li >
< li >< un href = "#" > campione 7 < /a >< / li >
< li >< un href = "#" > esempio 8 < /a >< / li >
< li >< un href = "#" > esempio 9 < /a >< / li >
</UL >
5
Copiare i file info.html e samples.html che è stato creato nella stessa directory come pagina Web. Il menu è ora pronto per l'uso.
Consigli & Avvertenze
- Definire il tuo menu con diversi stili utilizzando codici JavaScript. Ci sono molti di questi codici disponibili per uso gratuito su Internet.