تشترك هذه المقالة في تأثير تمرير الماوس JavaScript لعرض القائمة الثانوية للرجوع إليه. المحتوى المحدد كما يلي
1. رمز المفتاح: استخدم التبديل أو إذا كانت بيانات الحكم لتغيير وضع عرض القائمة الثانوية المقابلة لحظر أو لا شيء
وظيفة selectTabMenu (i) {switch (i) {case 71: document.getElementById ("tabmenucon71"). style.display = "block" ؛ document.getElementById ("tabmenucon72"). style.display = "none" ؛ document.getElementById ("tabmenucon73"). style.display = "none" ؛ document.getElementById ("tabmenucon74"). style.display = "none" ؛ document.getElementById ("tabmenucon75"). style.display = "none" ؛ document.getElementById ("tabmenucon76"). style.display = "none" ؛ استراحة؛ ...}}2. حدث ملزم الملاحة الرئيسي
<ul>
<li> <a href = "#" onMouseover = "SelectTabmenu (71)"> الصفحة الرئيسية </a> </li>
3. القائمة الثانوية
<ul id = "tabmenucon71"> <li> <a href = "#"> الإعلان </a> </li> <li> << a href = "#"> المعلومات </a> </li></ul>
4. رمز كامل
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> قائمة مستوى التنقل الأفقي-مستوى المستوى </title> <style type = "text/css"> *{padding: 0px ؛ الهامش: 0px ؛ } .Navbar {height: 30px ؛ خلفية اللون: #2B383E ؛ محاذاة النص: المركز ؛ } ul {list-style: none ؛ } .nav li {float: left ؛ } .nav li a {display: block ؛ الحشو: 0 20px ؛ الارتفاع: 30 بكسل ؛ ارتفاع الخط: 30 بكسل ؛ تدمير النص: لا شيء ؛ اللون: #fff ؛ } .nav li a: hover {background-color: #ffff ؛ اللون: #4db6e7} .tabmenucon {clear: كلاهما ؛ العرض: لا شيء ؛ } .tabmenucon li {display: inline block ؛ } </style> <script type = "text/javaScript"> selecttabmenu (i) {switch (i) {case 71: document.getElementById ("tabmenucon71"). style.display = "block" ؛ document.getElementById ("tabmenucon72"). style.display = "none" ؛ document.getElementById ("tabmenucon73"). style.display = "none" ؛ document.getElementById ("tabmenucon74"). style.display = "none" ؛ document.getElementById ("tabmenucon75"). style.display = "none" ؛ document.getElementById ("tabmenucon76"). style.display = "none" ؛ الحالة 72: document.getElementById ("tabmenucon71"). style.display = "none" ؛ document.getElementById ("tabmenucon72"). style.display = "block" ؛ document.getElementById ("tabmenucon73"). style.display = "none" ؛ document.getElementById ("tabmenucon74"). style.display = "none" ؛ document.getElementById ("tabmenucon75"). style.display = "none" ؛ document.getElementById ("tabmenucon76"). style.display = "none" ؛ استراحة؛ الحالة 73: document.getElementById ("tabmenucon71"). style.display = "none" ؛ document.getElementById ("tabmenucon72"). style.display = "none" ؛ document.getElementById ("tabmenucon73"). style.display = "block" ؛ document.getElementById ("tabmenucon74"). style.display = "none" ؛ document.getElementById ("tabmenucon75"). style.display = "none" ؛ document.getElementById ("tabmenucon76"). style.display = "none" ؛ استراحة؛ الحالة 74: document.getElementById ("tabmenucon71"). style.display = "none" ؛ document.getElementById ("tabmenucon72"). style.display = "none" ؛ document.getElementById ("tabmenucon73"). style.display = "none" ؛ document.getElementById ("tabmenucon74"). style.display = "block" ؛ document.getElementById ("tabmenucon75"). style.display = "none" ؛ document.getElementById ("tabmenucon76"). style.display = "none" ؛ استراحة؛ الحالة 75: document.getElementById ("tabmenucon71"). style.display = "none" ؛ document.getElementById ("tabmenucon72"). style.display = "none" ؛ document.getElementById ("tabmenucon73"). style.display = "none" ؛ document.getElementById ("tabmenucon74"). style.display = "none" ؛ document.getElementById ("tabmenucon75"). style.display = "block" ؛ document.getElementById ("tabmenucon76"). style.display = "none" ؛ استراحة؛ الحالة 76: document.getElementById ("tabmenucon71"). style.display = "none" ؛ document.getElementById ("tabmenucon72"). style.display = "none" ؛ document.getElementById ("tabmenucon73"). style.display = "none" ؛ document.getElementById ("tabmenucon74"). style.display = "none" ؛ document.getElementById ("tabmenucon75"). style.display = "none" ؛ document.getElementById ("tabmenucon76"). style.display = "block" ؛ استراحة؛ }} </script> </head> <body> <viv> <ul> <li> <a href = "#" onMouseover = "selectTabmenu (71)"> home </a> </li> <li> <a href = "#" onMouseover = "SelectTabmenu (72)"> on the Association </li> <a href = onMouseover = "selecttabmenu (73)"> أخبار الجمعية </a> </li> <li> <a href = "#" onMouseover = "selecttabmenu (74)"> أنشطة الارتباط </a> </li> <li> <li> <a href = "#" onMouseover = "selecttabmenu (75) HREF = "#" onMouseover = "SelectTabmenu (76)"> مساحة الموارد </a> </li> </ul> </viv> <div id = "tabmenucon"> <ul id = "tabmenucon71"> <li> <li> </ul> <ul id = "tabmenucon72"> <li> مقدمة </li> <li> المعلومات </a> </li></ul> <ul id = "tabmenucon72"> <li> مقدمة </li> <li> المؤسسة </li> <li> مقالات </li> </ul> id = "tabmenucon73"> <li> المعلومات </li> </ul> <ul id = "tabmenucon73"> <li> المعلومات </li> </ul> <ul id = "tabmenucon74"> <li> شهر الصيانة الشرير </li> <li> أنشطة التصميم الجرافيك </li> </li> </li> id = "tabmenucon75"> <li> تسجيل الدخول العضو </li> <li> تسجيل الأعضاء </li> <li> رسوم الأجر للأعضاء </li> <li> إدارة معلومات الأعضاء </li> <li> تعديل كلمة المرور </li> </ul> <ul id = "tabmenucon76"> ps ps proport </li> </viv> </body> </html>ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون مفيدًا لتعلم الجميع.