Dropdown ไม่ใช่ประเภทในแบบฟอร์ม <elect> <optup -value = ''> </optup> </elect> แต่ประเภทที่พบบ่อยในแถบการนำทาง
เว็บไซต์ Bootstrap อย่างเป็นทางการมีคำอธิบายน้อยมากสำหรับเมนูดรอปดาวน์แบบเลื่อนลงแม้กระทั่งเว็บไซต์ภาษาอังกฤษอย่างเป็นทางการของพวกเขา
ไม่มีคำอธิบายเฉพาะเกี่ยวกับวิธีการเปลี่ยนสีพื้นหลังของเมนูแบบเลื่อนลงหากมีการแก้ไขเมนูแบบดรอปดาวน์สีดำเริ่มต้นและวิธีการเปลี่ยนเมนูแบบเลื่อนลงเป็นไฮเปอร์ลิงก์ปกติแทนที่จะเป็นสไตล์ข้อความเว็บไซต์ทางการไม่มีคำอธิบายเฉพาะ
ยิ่งไปกว่านั้นรหัสไฮเปอร์ลิงก์ของเว็บไซต์อย่างเป็นทางการนั้นผสมกับพารามิเตอร์ที่ไร้ประโยชน์มากมาย
ผู้เขียนกำลังศึกษามานานก่อนที่จะหาวิธีเปลี่ยนเมนูแบบเลื่อนลง
ต่อไปนี้เป็นเมนูแบบเลื่อนลงของ IE8 สำหรับ bootstrap ในอนาคตคุณ ต้องใช้ IE8 เพื่อทดสอบ เบราว์เซอร์ขั้นสูงเช่น Google ได้กล่าวถึงข้อบกพร่องมากมาย
ให้วิธีเปลี่ยนสีพื้นหลังของเมนูแบบเลื่อนลงวิธีการเปลี่ยนเมนูแบบเลื่อนลงเป็นไฮเปอร์ลิงก์ปกติแทนสไตล์ข้อความหากคุณปรับเปลี่ยนไฮเปอร์ลิงก์สีดำเริ่มต้น
สำหรับวิธีการเปลี่ยนเฟรมของเมนูแบบเลื่อนลงฉันไม่มีพลังจริงๆ
สำหรับการใช้งานเมนูแบบเลื่อนลงด้านบนโปรดดูรหัสต่อไปนี้:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <link href = "css/bootstrap.css type = "text/javascript" src = "js/jQuery-1.11.1.js"> </script> <script type = "text/javascript" src = "js/bootstrap.js"> </script> <title> -> <button type = "ปุ่ม" data-toggle = "dropdown"> เมนูแบบเลื่อนลง <!-นี่คือสามเหลี่ยมเล็ก ๆ ถัดจากเมนูแบบเลื่อนลง-> <span> </span> </pand> </button> <! เมนูแบบเลื่อนลงจากสีดำเป็นสีน้ำเงินที่ดูเหมือนไฮเปอร์ลิงก์-> <a href = "#"> <pan> โครงการ 1 </span> </a> </li> <li> <a href = "#"> <pan> โครงการ 2 </span> </a> </li>
เมนูแบบเลื่อนลงจะไม่ทำงานหากไม่มีการสนับสนุน jQuery เมนูแบบเลื่อนลงเดิมเป็นส่วนประกอบ JavaScript
ก่อน bootstrap ให้เขียนเมนูแบบเลื่อนลงเพื่อกำหนดเลเยอร์ที่ซ่อนอยู่ เลเยอร์นี้จะปรากฏขึ้นหลังจากที่เมาส์วนเวียนอยู่หรือคลิกไฮเปอร์ลิงก์ที่เกี่ยวข้อง เมื่อเมาส์ลอยอยู่ตรงนี้เพื่อซ่อนเลเยอร์เลเยอร์ที่ซ่อนอยู่จะยังคงปรากฏอยู่ เมื่อเมาส์ออกจากเลเยอร์ที่ซ่อนอยู่นี้เลเยอร์ที่ซ่อนอยู่จะเปลี่ยนจากการแสดงเป็นที่ซ่อนอยู่ซึ่งเป็นปัญหามาก
หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อศึกษาและแนบ 3 หัวข้อที่น่าตื่นเต้นให้คุณ:
การสอนการเรียนรู้ bootstrap
การสอนการใช้งาน Bootstrap
การสอนการใช้งานปลั๊กอิน bootstrap
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น