นี่คือการโพสต์สั้นมากของวิธีการที่เราสามารถสร้างเมนูนำทางเคลื่อนไหวกับ 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 |
นั่นแหล่ะ! ดูในการกระทำ










































ความเห็นล่าสุด