Un menu su pagine Web che ha troppi link può toglie l'esperienza utente e ridurre il numero di visitatori di ritorno. Siti Web complessi con molte pagine è possibile utilizzare un menu di mouseover per aiutare i visitatori nella navigazione senza ingombrare la pagina con decine di link. Proprietari di siti Web possono utilizzare un codice JavaScript per creare menu di mouseover. Essi possono quindi modificare tale codice per adattare il proprio sito Web modificando i collegamenti predefiniti, dimensioni e colori.

Codice per il codice JavaScript

Dynamic Drive ha un codice JavaScript che crea un menu di mouseover. Il codice è 72 linee, ma tutto quello che dovete fare è una copia direttamente dal sito, modificarlo per soddisfare le vostre esigenze e incollarlo nelle vostre pagine Web. Non devi modificare qualsiasi database o fare qualcosa di più complesso di base modifiche.

Modificare le categorie di Menu

Nella parte superiore del codice, troverete due linee con le categorie del menu principale e i relativi indirizzi di collegamento. In questo caso, le categorie incluse sono "JavaScript Kit" e "Freewarejava." Modificare il testo e link indirizzi Web ciò che si desidera per il proprio menu.

Modificare i collegamenti di sottomenu

All'interno del codice, si vedrà sezioni "sottomenu". I sottomenu inclusi contengono tutto il testo e i collegamenti ipertestuali per ogni sottomenu. Modificare il testo a quello che vuoi ai tuoi visitatori di fare clic su quando usano il vostro menu. Modificare i collegamenti ipertestuali agli indirizzi Web site reale che si desidera che i visitatori a vedere quando fanno clic sui link.

Aggiunta di categorie e i sottomenu

Guardare la sezione categoria nella parte superiore del JavaScript per questo menu di mouseover. Utilizzando lo stesso testo come le due categorie esistenti, è possibile aggiungere ulteriori categorie con i propri indirizzi di testo e link. Tuttavia, si deve prendere cura di numerare in sequenza le categorie con un "3", "4" e da un numero più alto per ogni categoria supplementare. Per creare ulteriori sottomenu, è possibile copiare e incollare la prima sezione di sottomenu e aggiungere il numero di categoria che appartiene alla nuova categoria creata nella sezione categoria. Naturalmente, si aggiungerà il proprio testo e link a ogni sottomenu.

Modificare le dimensioni e colori

Sotto la sezione di categoria, nella sezione dimensioni, troverete opzioni per larghezza, altezza e colore, con alcuni numeri predefiniti e codifica a colori. È possibile modificare i numeri per adattarsi alla dimensione appropriata per le pagine Web. Nei file HTML e JavaScript, i colori sono rappresentati da codici speciali. Ad esempio, il rosso è "#FF0000." Il sito di Computer speranza ha un elenco di questi codici per decine di colori. Utilizzare il codice per il colore che meglio si adatta l'aspetto del tuo sito Web.

Lo Script di distribuzione

Il vostro JavaScript modificate va nel codice HTML della pagina contenente il menu. Ogni pagina HTML ha un'apertura tag body (< body >) e un corpo di chiusura tag (< / body >). Questo script va tra i tag di corpo al posto desiderato per visualizzare il menu di mouseover.

Altre soluzioni

Il sito Hscripts ha un "Drop/Pull-Down Menu Builder" che permette di creare il codice JavaScript inserendo solo il testo del menu, link e altre opzioni. Il sito AHFB2000 ha un "JavaScript Mouseover Maker" che esegue lo stesso servizio gratuito. Quando i programmi creano il codice JavaScript, è possibile pubblicarli in pagine Web proprio come lo script di Dynamic Drive.