นี่คือการโพสต์สั้นมากของวิธีการที่เราสามารถสร้างเมนูนำทางเคลื่อนไหวกับ jQuery โดยไม่ต้องปลั๊กอินใด ๆ คุณต้องได้เห็นเมนูนำทางแนวนอนหรือ veritical ที่ขยายและหดขนาดของมันเมื่อโรลโอเวอร์ ก่อนที่เหล่านี้กรอบจาวาสคริปต์มาเราต้องทำค่อนข้างมากของรหัสที่จะได้รับสิ่งที่กระทำ ทำไม? การจัดการที่เบราว์เซอร์ข้ามโง่ ผมไม่ต้องการที่จะเริ่มต้นใน IE

ตกลงนี่คือสิ่งที่ เรากำลังเพียงแค่ใช้เรียงลำดับรายการที่จะทำให้เมนูในแนวนอนที่ขยายและสัญญา รหัสคือตายง่าย ลองดูที่มาร์กอัปแรก

 <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> <a <li> 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 </ > </ li> </ ul> </ div> 

ดังนั้นเราจึงมีบางรายการที่มี ดังนั้นทำให้พวกเขาปรากฏเช่นเมนูแนวนอนเราจะต้อง css ที่ซึ่งมีลักษณะเช่นนี้บาง

 : inline ; } #navcontainer ul li li {display: อินไลน์;} # navcontainer UL li 

และส่วนสุดท้าย .. เต้นรำทำให้พวกเขาเมื่อวางเมาส์ ค่อนข้างง่ายด้วยฟังก์ชั่นการเคลื่อนไหว เพียงไม่กี่บรรทัดเหล่านี้จะทำเคล็ดลับ มีลักษณะ

	 ( ) { $ ( "#navlist $ (function () {$ ("# navlist 

นั่นแหล่ะ! ดูในการกระทำ