Tai labai trumpas pranešimas, kaip mes galime lengvai sukurti animuotą navigacijos meniu su jQuery be jokio plugin. Turite matėme horizontalias arba veritical navigacijos meniu, kuris plečiasi ir traukiasi jos dydį ant virtimo. Prieš tai javascript sistema atėjo, mes turėjome daryti gana daug kodo, gauti dalykų nuveikti. Kodėl? Kad kvailas kirsti naršyklės tvarkymas. Nenoriu pradėti per IE.

Ok, čia tai dalykas. Mes tiesiog naudojant netvarkingai sąrašą horizontalus meniu, kad praplečiama ir sutartys. Kodeksas yra miręs paprasta. Leiskite pažvelgti žymėjimo pirma.

  <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> 

Taigi, mes turime kai kurių sąrašo elementų. Taigi, kad jie atrodo kaip horizontalios meniu būtume reikia šiek tiek css, kuris atrodo taip

 : inline ; } #navcontainer ul li Li {display: inline,} # navcontainer ul li 

Ir paskutinė dalis .. Padaryti juos šokis ant būna paslinkę žymeklį ant. Gana paprasta su gyvosios funkcija. Tiesiog pora žemiau šių linijų bus padaryti pavyko. Pažvelkite.

	 ( ) { $ ( "#navlist $ (Function () {$ ("# navlist 

Štai ji! pamatyti kaip tai veikia