To je veľmi krátky príspevok o tom, ako sa dá ľahko vytvoriť animovaný navigačné menu s jQuery bez pluginu. Musíte vidieť vodorovné alebo veritical navigačné menu, ktoré sa zväčšuje alebo zmenšuje jeho veľkosť na prevrátenie vozidla. Pred ich rámec javascript prišla, museli sme urobiť veľa kódu sa dostať veci urobiť. Prečo? Tak hlúpy kríž prehliadač manipulácie. Nechcem začať znovu na IE.
Ok, tu je to vec. Sme jednoducho pomocou neusporiadané zoznamu tak, aby horizontálne menu, ktoré sa rozpína a zmršťuje. Kód je mŕtvy jednoduché. Poďme sa pozrieť na značky ako prvý.
<div id="navcontainer"> <ul id="navlist"> <li> <a href="http://www.google.com"> Google </ a> </ li> <li> <a href="http://www.yahoo.com"> Yahoo </ a> </ li> <li> <a href="http://www.msn.com"> MSN </ a> </ li> <li> <a href="http://www.lycos.com"> Lycos </ a> </ li> <li> <a href="http://www.baidu.com"> Baidu </ a> </ li> </ Ul> </ Div>
Takže máme nejaký zoznam položiek tam. Takže sa im javí ako horizontálna menu, budem potrebovať nejaké CSS, ktorý vyzerá takto
: inline ; } #navcontainer ul li Ak {display: inline;} # navcontainer ul ak
A posledná časť .. Robiť je tanec na bublinové nápovede. Celkom jednoduché, vďaka živej funkcie. Len pár z týchto riadkov nižšie bude stačiť. Pozrite sa.
( ) { $ ( "#navlist $ (Function () {$ ("# navlist
A je to! Prehliadnuť v akcii










































Nedávne komentáre