To jest bardzo krótki post, jak możemy łatwo tworzyć animowane menu z jQuery bez wtyczki. Musisz widziałem poziome lub veritical menu nawigacji, które rozszerza się i kurczy jego rozmiar na najazdu. Zanim te ramy javascript przyszedł, co musieliśmy zrobić sporo kodu dostać rzeczy zrobić. Dlaczego? Ten głupi krzyż obsługa przeglądarki. Nie chcę zaczynać od nowa na IE.

Ok, chodzi o to. Jesteśmy po prostu za pomocą listę nieuporządkowaną zrobić poziome menu, które rozszerza się i kurczy. Kod jest martwe proste. Spójrzmy na znaczników pierwszy.

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

Więc mamy kilka elementów listy nie. Więc ich wyglądać menu poziomym, że potrzebujemy trochę css, który wygląda tak

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

I ostatnia część .. Dokonywanie ich taniec po najechaniu myszą. Dość proste z ożywionej funkcji. Tylko kilka z tych wierszy poniżej rade. Zapraszamy do obejrzenia.

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

To jest to! Zobacz go w akcji