Kako stvoriti izbornike temeljene na JavaScript-u za programiranje s HTML-om

John Paul Mueller

Koncept izbornika temeljenog na JavaScriptu je jednostavan. Kad pokazivač miša zadržite iznad izbornika, on otvara bilo koji podizbornik i omogućuje vam odabir jedne od opcija na podizborniku, ako želite. Premještanjem miša na drugi izbornik zatvara se prvi podizbornik i otvara drugi.

Kako dizajnirati HTML za izbornik

Ovaj se primjer temelji na jako formatiranim popisima. Postoji mnogo drugih načina za stvaranje jelovnika, ali ovaj pristup djeluje prilično dobro. Teoretski, možete lako pohraniti izbornike na disk ili u bazu podataka i koristiti JavaScript za izradu potrebnog koda popisa za vas. Međutim, zasad se koncentrirajte na činjenicu da je ovaj sustav izbornika statičan i pruža određene opcije kao što je prikazano u sljedećem kodu:



Tri su opcije glavnog izbornika: Početna, Događaji i Kontaktirajte nas. Izborniku Početna nedostaju podizbornici. Izbornik Događaji ima podizbornik koji se sastoji od Događaj 1, Događaj 2 i Događaj 3. Izbornik Kontakt pruža telefon, poštu i e-poštu kao podizbornici.

image0.jpg

Definirajte stilove izbornika

Popisi koje ste stvorili na samom početku neće nalikovati na jelovnik. Tajna je oblikovanja koje pruža CSS koja slijedi:

Ovaj CSS kod predstavljen je redoslijedom detalja. The#izbornikformatiranje je za vrh

tadalafil tableta od 20 mg