Ini adalah posting yang sangat singkat tentang bagaimana kita dapat dengan mudah membuat animasi menu navigasi dengan jQuery tanpa plugin apapun. Anda harus telah melihat menu navigasi horizontal atau veritical yang memperluas dan mengkontraksi ukurannya pada rollover. Sebelum ini kerangka javascript datang, kami harus melakukan cukup banyak kode untuk mendapatkan sesuatu. Mengapa? Bahwa penanganan browser yang bodoh silang. Saya tidak ingin memulai kembali pada IE.

Ok, ada satu hal. Kami hanya menggunakan daftar unordered untuk membuat menu horizontal yang memperluas dan kontrak. Kode sederhana mati. Mari kita lihat markup yang pertama.

  <div id="navcontainer">
 <ul id="navlist">
	 <a href="http://www.google.com"> Google </ a> </ li>
	 <a href="http://www.yahoo.com"> Yahoo </ a> </ li>
	 <a href="http://www.msn.com"> MSN </ a> </ li>
	 <a href="http://www.lycos.com"> Lycos </ a> </ li>
	 <a href="http://www.baidu.com"> Baidu </ a> </ li>
 </ Ul>
 </ Div> 

Jadi kita memiliki beberapa item daftar di sana. Jadi membuat mereka tampil seperti menu horizontal kita akan memerlukan beberapa css yang terlihat seperti ini

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

Dan bagian akhir .. Membuat mereka menari pada mouseover. Cukup sederhana dengan fungsi bernyawa. Hanya beberapa baris-baris di bawah ini akan melakukan trik. Melihat-lihat.

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

Itu saja!! Lihat dalam tindakan