Un menu sito Web serve una funzione importante, consentendo agli utenti di selezionare un determinato elemento quando si utilizza uno strumento di checkout online, vedere un elenco di elementi dettagliati o navigare facilmente a diverse parti di un sito Web. È possibile creare un menu personalizzato per il tuo sito utilizzando AJAX, che utilizza JavaScript e XML per ottenere utili sito funzioni senza una gravosa quantità di codifica.

Istruzioni

1

Pulsante destro del mouse sul file della pagina Web a cui si desidera aggiungere un menu. Sorvolare la bocca "Apri con", poi "Blocco note". La pagina si aprirà come un file di testo che è possibile modificare.

2

Incollare il seguente codice tra i tag HTML "< HEAD >":

"< script type =" text/javascript"src="menu.js ">
< / script >
< noscript >
< tipo di collegamento = "text/css" href="ajax-menu.files/style.css"
rel = "stylesheet" >
< / noscript >. "

Chiudere il blocco note.

3

Riaprire il blocco note che avete un file di testo vuoto. Premere "Ctrl" e "S", quindi digitare "file" nel campo "Nome". Le informazioni sulle dimensioni di AJAX, inserire il file di testo utilizzando il seguente formato:

"var menuWidth ="#";
menuHeight var = "#";
var smWidth = "#";
var smHeight = "#"; "

Sostituire "#" con le dimensioni reali che si desidera essere il vostro menu. Chiudere il blocco note, quindi copiare la cartella "file" nella cartella dove si trovano i file del sito Web.

4

Aprire il file CSS del tuo sito Web con il blocco note e aggiungere una classe per il vostro menu intitolato "ajaxmenu." Ad esempio, il codice di menu CSS per lo stile di testo sarà simile:

"ul #ajaxmenu {
font-dimensioni: 5; zoom: 2; float: right;} "

Ogni linea di stile deve iniziare con "ul #ajaxmenu {." Fare clic su "File", poi "Salva con nome" e salvare il file come "Style. css", quindi chiudere il blocco note.

5

Aggiungere il codice HTML del menu con la classe di stile CSS nel file della pagina Web dove si desidera il menu. Aperto il file della pagina Web in blocco note utilizzando il processo elencato nel passaggio 1, quindi aggiungere il codice riportato di seguito:

"< ul id ="ajaxmenu">
< li >< un href = "#" > Menu Item 1 < /a >< / li >
< li >< un href = "#" > Menu Item 2 < /a >< / li >
</UL >."

È possibile aggiungere quante voci di menu al menu come si vorrebbe. Fare clic su "File", quindi "Salva" per salvare le modifiche.