Ez egy nagyon rövid poszt hogyan tudunk könnyen teremt egy animált navigációs menü jQuery nélkül plugin. Biztos láttad vízszintes veritical navigációs menük, hogy kitágul és összehúzódik a mérete a borulás. Mielőtt ezek a javascript keretrendszer jött, meg kellett tennünk elég sok kódot kap a dolgokat. Miért? Az a hülye több böngésző kezelése. Nem akarok kezdeni az IE.
Ok, itt van a dolog. Mi egyszerűen egy rendezetlen lista, hogy egy vízszintes menü, amely kitágul és összehúzódik. Code halott egyszerű. Nézzük az első jelölést.
<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> |
Tehát van néhány lista elemek is. Tehát, hogy azok jelennek meg, mint a vízszintes menü meg kéne néhány css amely így néz ki
: inline ; } #navcontainer ul li li {display: inline;} # navcontainer ul li |
És az utolsó rész .. Így tánc az egér fölötte van. Elég egyszerű a animate funkcióval. Csak pár a következő sorokat az erre a célra. Vessen egy pillantást.
( ) { $ ( "#navlist $ (Function () {$ ("# navlist |
Ez az! Nézze meg működés közben










































Legutóbbi megjegyzések