Menu vertikal kanggo situs ing wangun kancaku pelem karo jQuery

Ing menu, sing ngerti - bagéan integral saka situs iki. Interesting sumber online Navigasi bisa pengunjung kapentingan. Kajaba iku, sifat penting menu sembarang - compactness sawijining. A menu vertikal prasaja gampang digawe nggunakake HTML lan CSS. Nanging kita menyang luwih: Ayo kita sinau kanggo nggawe menu- "accordion" karo bantuan saka jQuery.

Nggawe menu- "accordion"

Apa sing menu vertikal ing wangun kancaku pelem? Iki dhaptar gulung-mudhun, kang nggawe gampang kanggo navigasi lan menehi situs gayane. Menu, dileksanakake ing cara iki, ngijini sampeyan kanggo nguripake akèh sub-item. Akses kanggo wong-wong mau ana nalika klik mouse ing item sing dipengini. Wong bisa ngomong iku bisa kanggo nggawe menu prasaja ing fashion iki tanpa nggunakake jQuery. Ya, iku. Nanging barang iki ora bakal banget migunani kanggo nduweni saka Smartphone utawa tablet. Ayo dadi nggawe menu vertikal, narik kawigaten kanggo kabeh. Banjur, ngganti warna noto pandhu arah, iku bakal bisa kanggo nyetel desain kanggo sembarang.

kode HTML

Dadi, kanggo nggawe menu vertikal kita, sampeyan kudu cepet HTML-kode, kang bakal ngemot ing garis ngisor iki:

Simpen kode iki ing file disebut Accord_menu.html.

Nalika sampeyan bisa ndeleng, kita wis digawé lan dhaftar unordered. Iku kasusun saka 3 TCTerms utama:

- foto;

- film;

- buku.

Saben item wis sawetara paragraf. Endi #, sampeyan kudu nambah pranala. Saiki iku penting kanggo njlèntrèhaké gaya. Iku kabeh gumantung ing dipikir saka sumber internet. menu vertikal kanggo situs kudu nggabungake harmonis menyang sawijining rancangan.

CSS-kode

Kanthi gaya aja angel. We Wigati mung sing ing conto iki migunakake jurang pemisah Isi. Punika CSS-kode:

werna kasebut ing CSS-file, pelaku ukuran sing dibusak saka item ing dhaptar ing sisih kiwa. Iku ditemtokake carane nindakake ing saben item lan sub-menu nalika kisaran liwat. Contone:

# E1fee2 - iki werna ijo pucet sub.

# C4f0f7 -golubovaty iyub-iyub sub nalika kisaran liwat wong-wong mau.

property Tampilan takon Nilai pemblokiran kanggo nyetel lapis lan ukuran perlu. Werna, ukuran, jinis font, lokasi - kabeh wis dadi njlèntrèhaké ing file CSS. Nyebataken, contone, accordionmenu_my1.css.

Nyambungake menu dandan jQuery

Nalika sampeyan kelingan, goal kita - kanggo nggawe menu jQuery vertikal. Yen sampeyan ora menowo karo teknologi iki, aja padha sumelang. Kita nggunakake gudang Google lan nyambung script jQuery. Iki bakal wis menu liyane atraktif. jQuery iku perpustakaan JavaScript adhedhasar interaksi saka Hypertext Markup HTML lan JavaScript. jQuery ngidini sampeyan ngakses isi lan kawicaksanan saka unsur.

Dadi, nyambung script perlu ing awak saka HTML-file lan nyetel aturan kanggo panyimpenan saka 2 kemungkinan, kajaba kanggo unsur racing jaran. Kontribusi kode, nutup tab liyane ing bukaan saka siji kang ana klik mouse. Punika cara katon:

Nyimpen owahan, ndeleng apa iku katon kaya ing menu browser. Sing asil umum: Akibaté, kita wis teka menu atraktif sing tansah bisa ngowahi, gumantung ing préferènsi. Lan éntuk kawruh anyar ing lapangan jQuery, CSS, panjenengan bakal nggawe unsur unik saka situs, Ngapikake skills.