Slik installerer en Ajax Meny
Ajax er en web-teknologi som bruker Javascript-kode for å be om et svar fra en HTTP-server uten å laste hele websiden. Forkortelsen står for Asynchronous Javascript og XML. Ajax kan finnes overalt på nettet. Det kan også integreres med omtrent alt, inkludert ASP, XML, HTML og PHP.
Bruksanvisning
1 Last ned den komprimerte filen, kalt ajax-menu-sample.zip, fra Deluxe-Meny nettsted (se referanser). Pakk og kopiere "Ajax-menu.files" -mappen til websiden katalogen.
2 Lim inn følgende kode i <head> delen av siden din. Se i index.html filen fra ajax-menu-sample.zip for riktig plassering:
<Script type = "text / javascript" href = "Ajax-menu.files / style.css"
rel = "stylesheet"> </ noscript>
3 Legg til følgende meny kode i <body> -delen av siden din for å lage en ikke-sorterte liste for hoved øverste navigasjons:
<Ul id = "deluxeMenu">
<Li> <a href="#"> Hjem </a> </ li>
<Li> <a href="#"> <span> Produkt Info </ span> </a> <a href="info.html"> </a> </ li>
<Li> <a href="#"> <span> Samples </ span> </a> <a href="samples.html"> </a> </ li>
<Li> <a href="#"> Kjøp </a> </ li>
<Li> <a href="#"> Kontakt oss </a> </ li>
</ Ul>
<! - Meny script init ->
<Script type = "text / javascript" og "Samples" elementer, som vist i kodene nedenfor:
<a href="info.html"> </a>
<a href="samples.html"> </a>
4 Lag disse eksterne filer for undermenyer: info.html og samples.html.
Legg denne koden for info.html:
<Ul style = "width: 136px;">
<Li> <a href="#"> Funksjoner </a> </ li>
<Li> <a href="#"> <span> Installasjon </ span> </a>
<Ul style = "width: 133px;">
<Li> <a href="#"> beskrivelse av filer </a> </ li>
<Li> <a href="#"> Hvordan sette opp </a> </ li>
</ Ul> </ li>
<Li> <a href="#"> Parametere Info </a> </ li>
<Li> <a href="#"> Dynamiske funksjoner </a> </ li>
<Li> <a href="#"> <span> Støttede lesere </ span> </a>
<Ul style = "width: 117px;">
<Li> <a href="#"> Windows OS </a> </ li>
<Li> <a href="#"> Internet Explorer </a> </ li>
<Li> <a href="#"> Firefox </a> </ li>
<Li> <a href="#"> Mozilla </a> </ li>
<Li> <a href="#"> Netscape </a> </ li>
<Li> <a href="#"> Opera </a> </ li>
<Li> <a href="#"> MAC OS </a> </ li>
<Li> <a href="#"> Firefox </a> </ li>
<Li> <a href="#"> Safari </a> </ li>
<Li> <a href="#"> Internet Explorer </a> </ li>
<Li> <a href="#"> Unix / Linux OS </a> </ li>
<Li> <a href="#"> Firefox </a> </ li>
<Li> <a href="#"> Konqueror </a> </ li>
</ Ul> </ li>
</ Ul>
Legg dette for samples.html:
<Ul style = "width: 133px;">
<Li> <a href="#"> Eksempel på menyelementer </a> </ li>
<Li> <a href="#"> Prøve 1 </a> </ li>
<Li> <a href="#"> Eksempel 2 </a> </ li>
<Li> <a href="#"> Prøve 3 </a> </ li>
<Li> <a href="#"> Prøve 4 </a> </ li>
<Li> <a href="#"> Prøve 5 </a> </ li>
<Li> <a href="#"> Eksempel 6 </a> </ li>
<Li> <a href="#"> Prøve 7 </a> </ li>
<Li> <a href="#"> Eksempel 8 </a> </ li>
<Li> <a href="#"> prøve 9 </a> </ li>
</ Ul>
5 Kopier info.html og samples.html filer som du har laget til samme katalog som din webside. Din meny er nå klar til bruk.
Hint
- Definer din meny med forskjellige stiler hjelp av Javascript-koder. Det er mange av disse kodene tilgjengelig for fri bruk på Internett.