See on väga lühike postitus, kuidas me saame lihtsalt luua animeeritud navigatsioonimenüü koos jQuery ilma plugin. Sul peab olema näinud horisontaalne või veritical navigation menüüd, mis laieneb ja tõmbub selle suurus on rollover. Enne neid javascript raames tuli, pidime tegema päris palju koodi saada asju teha. Miks? See loll rist brauser käitlemise kohta. Ma ei taha alustada otsast peale IE.
Ok, siin on asi. Me lihtsalt kasutades Tavalise nimekirja teha horisontaalne menüü, mis laieneb ja tõmbub kokku. Kood on surnud lihtne. Vaatame juurdehindlus 1..
<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>
Nii et meil on mõned loendiüksuste seal. Nii, et see näib nagu horisontaalne menüü olime vajan css mis näeb välja selline
: inline ; } #navcontainer ul li li {kuva: inline;} # navcontainer ul li
Ja viimane osa .. Muutes need tants mouse. Üsna lihtne on elus funktsiooni. Just paar nende ridade alla teeb trikki. Have a look.
( ) { $ ( "#navlist $ (Function () {$ ("# navlist
Ongi kõik! Vaata seda töös










































Recent Comments