มันได้รับการแก้ไขในไดเรกทอรีรองดั้งเดิมและมีการสาธิตก่อน
นี่คือ CSS
/*bg macji (http://www.macji.com)*/ul, li, p {margin: 0; Padding: 0; รายการสไตล์: ไม่มี; FONT-SIZE: 12PX} .M_MENU_TITLE {ความสูง: 24px; สายไฟ: 24px; ข้อความ-เรียงความ: กลาง; มาร์จิ้น: 0 1px} .M_MENU_CONTENT {เส้นขอบด้านบน: SOLID 1PX #CCC; p {ความสูง: 22px; จุดสูง: 22px} .m_menu_content Pa {color:#6666633; Font-Weight: ตัวหนา; การตกแต่งข้อความ: ไม่มี; ความเป็นมา: URL (http://www.macji.com/blog/img/icon.gif) ไม่มีการรีเปท 8px 4px; Padding: 0 0 0 30px; จอแสดงผล: block} .m_menu_content Pa: Hover {color:#fe8005; font-weight: bold; การกำหนดข้อความ: ไม่มี} .m_menu_content p a.on {ตำแหน่งพื้นหลัง: 8px -18px} /*ระดับที่สอง* / .menu2 {}. A {color:#000; การตกแต่งข้อความ: ไม่มี; แสดง: บล็อก; Padding: 0 0 0 40px; ความเป็นมา: url (http://www.macji.com/blog/img/icon.gif) ไม่มีการทำซ้ำ 18px 4px} .menu2 A.on {พื้นหลัง-ตำแหน่ง: 18px -18px}/*ระดับ 3*/.menu2 ul {} Padding: 0 0 0 50px; สี:#666633; การตกแต่งข้อความ: ขีดเส้นใต้} .menu2 ul a: โฮเวอร์ {พื้นหลังสี:#f5f5f5; สี:#f60}ไดเรกทอรีถูกวนลูปฉันเขียนมันจนตาย นี่คือ JS
/* ที่นี่ฉันเขียนโดยตรง ตามหมายเลข ID ที่เข้ามาเป็นเรื่องปกติที่จะตรวจสอบว่ามีการแสดงหรือไม่ หากไม่ปรากฏตัวจะปรากฏขึ้น คุณสามารถวนซ้ำไดเรกทอรีด้วยภาษาฝั่งเซิร์ฟเวอร์*/ ฟังก์ชั่น setMenulist (num) {var p = document.getElementById ('p' + num); var ul = document.getElementById ('ul' + num); if (ul.style.display == 'none') {ul.style.display = 'none') {ul.style.display = 'none'; } else {ul.style.display = 'ไม่มี'; p.className = ""; -มุมมองการสาธิต