تصف هذه المقالة طريقة تنفيذ علامة تبويب JS. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
1. الأفكار
1. احصل على العناصر ؛
2. إضافة onclick أو onMousemove حدث لعنصر زر الحلقة ؛
3. عند النقر فوق الزر الحالي ، سيتم عرضه في حالة مميزة. من خلال الحلقة ، يتم ضبط جميع أنماط الأزرار على فارغة. اضبط عرض جميع divs على لا شيء.
4. انقر فوق الزر الحالي لإضافة النمط ، وعرض Div الحالي ، وقم بتعيين العرض على حظره.
2. رمز HTML:
<div id = "div1"> <input type = "button" value = "1"/> <input type = "button" value = "2"/> <input type = "button" value = "3"/> <input
3. جزء CSS:
.active {background:#9cc ؛}. div2 {width: 300px ؛ الارتفاع: 200px ؛ الحدود: 1px #66666 الصلبة ؛ العرض: لا شيء ؛}4. رمز JS:
<script> window.onload = function () {var odiv = document.getElementById ('div1') ؛ // get div var btn = odiv.getelementsbytagname ('input') ؛ // الحصول على إدخال var div2 = odiv.getelementsbytagname ('div') ؛ BTN [i] .index = i // btn [i] هو الزر i-th للزر المحدد ؛ أضف سمة فهرس إلى الزر وتعيين قيمة الفهرس على I btn [i] .onclick = function () // حدث I-th النقر فوق الزر {for (i = 0 ؛ i <btn.length ؛ i ++) The Div} this.classname = 'active' // إضافة div2 النشط [this.index] .style.display = 'block' // this.index هو div}}} </script>آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.