КомпјутериПрограмирање

Вертикални мени за сајт у виду хармонике са јКуери

Мени, као што знате - саставни део сајта. Занимљиво Кретање онлине ресурс је у стању да посетиоцима камата. Поред тога, важна особина сваког менија - своје компактности. Једноставан вертикални мени лако направити помоћу ХТМЛ и ЦСС. Али идемо даље: Научимо да створе мени- "хармонику" уз помоћ јКуери.

Критике мени- "хармонику"

Шта је вертикални мени у облику хармонике? Ово је листа падајући, што ствара лак за навигацију и даје модеран сајт. Мени, изведена на овај начин, омогућава да се много под-ставки. Приступ њима се јавља када кликнете мишем на жељену ставку. Неко може рећи да је могуће направити једноставан мени на овај начин, без употребе јКуери. Да, јесте. Али овај објекат не би било веома корисно да се власницима паметних телефона и таблета. Хајде да створи вертикални мени, апелујући на све. Затим, мења боју СТИЛИНГ на навигацију, то ће бити могуће прилагодити дизајн на било ком сајту.

ХТМЛ код

Дакле, да створимо вертикални мени, прво морате да позовете ХТМЛ-код, који ће садржати следеће редове:

Сачувајте овај код у датотеку под називом Аццорд_мену.хтмл.

Као што се види, створили смо несређену лису. Састоји се од 3 главне тачке:

- фотографије;

- Филмс;

- књиге.

Свака ставка има неколико пасуса. Где су #, мораћете да додате линкове. Сада је важно да се опише стил. Све зависи од изглед вашег интернет ресурса. Вертикални мени за сајт мора складно интегрише у свом дизајну.

ЦСС код

Са стилова не би требало да буде тешко. Напомињемо само да је у овом примеру користи филл градиент. Овде је ЦСС-код:

боја је наведено у ЦСС-фајл, маркери величине су уклоњене из ставке на листи са леве стране. Она одређује како да се понашају у свакој тачки и под-менија када пређете преко њега. На пример:

# Е1фее2 - ово бледо зелене боје под.

# Ц4ф0ф7 -голубовати нијансу под када пређете преко њих.

Дисплаи имовине Питајте блок вредност за подешавање потребне паддинг и величину. Боја, величина, фонта тип, локација - све је као што је описано у ЦСС фајлу. Назовите то, на пример, аццордионмену_ми1.цсс.

Повезивање јКуери побољшања мени

Као што се сећате, наш циљ - да створи вертикални мени јКуери. Ако нисте упознати са овом технологијом, не брини. Ми користимо Гоогле складиште и повезивање јКуери сценарио. То ће атрактивније мени се. јКуери је ЈаваСцрипт библиотека заснован на интеракцији Хипертект Маркуп ХТМЛ и ЈаваСцрипт. ЈКуери омогућава приступ садржај и атрибуте елемената.

Дакле, повежите потребну скрипту у телу ХТМЛ-датотеку и подесити правила за складиштење 2 варијабли, осим хорсе рацинг елементе. Допринесе код, затварање и друге картице на отварању једне на којој постоји кликом миша. Ево како то изгледа:

Сачувајте све промене, погледајте како изгледа у менију претраживача. То је уобичајена последица: Као резултат тога, дошли смо атрактиван мени да увек може да измени, зависно од њихових склоности. И стицање нових знања из области јКуери, ЦСС, ви ћете створити јединствене елементе сајта, усаврше знање.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 sr.delachieve.com. Theme powered by WordPress.