تشترك الأمثلة الواردة في هذه المقالة في رمز التنفيذ المحدد لتأثير علامة تبويب JS للرجوع إليه. المحتوى المحدد كما يلي
صورة التكاثر:
رمز التنفيذ:
<html> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = gb2312"/> <title> unded document </title> <style type = "text/css"> body {font-size: 12px ؛} .sec1 {curs: خط الرصيف: جريئة ؛ محاذاة النص: المركز ؛ خلفية اللون:#990000 ؛} .sec1 {color:#990000 ؛ محاذاة النص: المركز ؛ خلفية اللون: #fffff ؛} div {line-height: 22px ؛} </style> <script language = "javaScript"> function $ (id) {return document.getElementById (id) ؛ } الدالة xxk (num ، id ، ii ، iii) {// alert (ii) ؛ var dq ؛ لـ (var i = 1 ؛ i <= num ؛ i ++) {if (i == id) {dq = $ (ii+i) .className = 'sec' ؛ // الخيار الحالي $ (iii+i) .style.display = "block" ؛ } آخر {dq = $ (ii+i) .className = 'sec1' ؛ $ (iii+i) .style.display = "none" ؛ }}}} </script> </head> <body> <table cellpadding = "4" cellpacing = "1" borderColor = "#ffffff" bgcolor = "#990000"> <td id = "t1" onMouseover = "xxk (5،1 ، 'tt') bgcolor = "#ffffff" id = "t2" onMouseover = "xxk (5،2 ، 't' ، 'tt')"> tab2 </td> <td bgcolor = "#fffff" id = "t3" onMouseover = "xxk (5،3 ، 'tt') bgColor = "#ffffff" id = "t4" onMouseover = "xxk (5،4 ، 't' ، 'tt')"> tab 4 </td> <td bgcolor = "#ffffff" id = "t5" onMouseover = "xxk (5،5 ، 't’) colspan = "5" bgcolor = "#ffffff"> <div id = "tt1"> تبرم في يناير </div> <div id = "tt2" style = "display: none ؛ style = "display: none ؛"> تباينات تعمل في أبريل </div> <div id = "tt5" style = "display: none ؛ id = "ts1" onClick = "xxk (4،1 ، 'ts' ، 'tts')"> tab 1 </td> <td bgcolor = "#ffffff" id = "ts2" onClick = "xxk (4،2 ، 'ts' ، 'ts') onClick = "xxk (4،3 ، 'ts' ، 'ts')"> tab 3 </td> <td bgcolor = "#ffffff" id = "ts4" onClick = "xxk (4،4 ، 'ts' ، 'ts') <div id = "ttts1"> علامة التبويب موجودة في يناير </div> <div id = "ttts2" style = "display: none ؛ </body> </html>ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون مفيدًا لتعلم الجميع.