Codice JavaScript per Mouseover Menu

April 18

Codice JavaScript per Mouseover Menu


Un menu sulle pagine web che ha troppi link può sminuire l'esperienza utente e ridurre il numero di visitatori di ritorno. siti web complessi con molte pagine possono utilizzare un menu 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 mouseover. Essi possono quindi modificare il codice per adattare il proprio sito web, cambiando il link di default, le dimensioni e colori.

Codice in JavaScript

Dynamic Drive ha un codice JavaScript che crea un menu mouseover. Il codice è di 72 linee, ma tutto quello che dovete fare è copiare direttamente dal sito, modificarlo in base alle proprie esigenze e incollarlo nelle proprie pagine Web. Non è necessario modificare le basi di dati o fare qualcosa di più complesso di quanto le modifiche di base.

Modifica menu Categorie

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

Modifica dei sottomenu Link

All'interno del codice, vedrete sezioni "sottomenu". I sottomenu inclusi contengono tutto il testo e collegamenti ipertestuali per ogni sottomenu. Modificare il testo di ciò che si desidera che i visitatori a fare clic su quando usano il vostro menu. Modificare i collegamenti ipertestuali al sito vero e proprio affronta vuoi che i tuoi visitatori di vedere quando fanno clic sui link.

Aggiunta di Categorie e sottomenu

Guardate la sezione di categoria vicino alla parte superiore del JavaScript per questo menu mouseover. Utilizzando lo stesso testo le attuali due categorie, è possibile aggiungere ulteriori categorie con il proprio testo e link di indirizzi. Tuttavia, si deve prendere cura in sequenza il numero delle categorie con un "3", "4" e un numero più elevato per ogni categoria supplementare. Per creare più sottomenu, copiare e incollare la prima sezione sottomenu e aggiungere il numero di categoria che riguarda la nuova categoria si è creato nella sezione categoria. Naturalmente, si aggiungerà il proprio testo e link a ogni sottomenu.

Modifica della dimensione e colori

Sotto la sezione categoria, nella sezione dimensioni, troverete le opzioni per la larghezza, l'altezza e il colore, con alcuni numeri predefiniti e codifica a colori. È possibile modificare i numeri per adattarsi alle dimensioni che è appropriato per le pagine Web. Nel file HTML e JavaScript, i colori sono rappresentati da codici speciali. Ad esempio, il rosso è "# FF0000". Il sito Computer speranza ha una lista di questi codici per decine di colori. Usa il codice per il colore che meglio si adatta al look and feel del tuo sito web.

Distribuzione del Script

Il tuo JavaScript modificato entra nel codice HTML della pagina che contiene il menu. Ogni pagina HTML ha un tag body di apertura (<body>) e un tag body di chiusura (</ body>). Questo script va tra i tag body del luogo che si desidera visualizzare il menu di passaggio del mouse.

altre soluzioni

Il sito ha una Hscripts "/ Pull-Down Menu Builder Drop" che ti permette di creare il codice JavaScript inserendo solo le testo dei menu, link e altre opzioni. Il sito AHFB2000 ha un "JavaScript Mouseover Maker" che svolge lo stesso servizio gratuitamente. Quando i programmi creano il JavaScript, pubblicarli nelle pagine Web, proprio come lo script Dynamic Drive.