ตัวอย่างในบทความนี้แบ่งปันรหัสการใช้งานเฉพาะของเอฟเฟกต์แท็บ JS สำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
ภาพการทำซ้ำ:
รหัสการใช้งาน:
<html> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> unt document </title> <style type = "text/css"> body {font-size: 12px;} .sec Font-Weight: ตัวหนา; TEXT-ALIGN: CENTER; พื้นหลังสี:#990000;} .Sec1 {สี:#990000; TEXT-ALIGN: CENTER; พื้นหลังสี: #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 ++) {ถ้า (i == id) {dq = $ (ii+i) .className = 'sec'; // ตัวเลือกปัจจุบัน $ (iii+i) .style.display = "block"; } else {dq = $ (ii+i) .className = 'sec1'; $ (iii+i) .style.display = "ไม่มี"; }}}} </script> </head> <body> <table cellpadding = "4" cellpacing = "1" bordercolor = "#ffffff" bgcolor = "#990000"> <td id = "t1" onmousover = "xxk (5,1 bgColor = "#ffffff" id = "t2" onMouseOver = "xxk (5,2, 't', 'tt')"> tab2 </td> <td bgcolor = "#fffff" id = "t3" onMouseOver = "xxk (5,3 bgColor = "#ffffff" id = "t4" onMouseOver = "xxk (5,4, 't', 'tt')"> แท็บ 4 </td> <td bgcolor = "#ffffff" id = "t5" td </td> td colspan = "5" bgcolor = "#ffffff"> <div id = "tt1"> แท็บที่ให้บริการในเดือนมกราคม </div> <div id = "tt2" style = "แสดง: ไม่มี; style = "display: none;"> แท็บทำงานในเดือนเมษายน </div> <div id = "tt5" style = "display: none;"> แท็บทำงานในเดือนพฤษภาคม </div> </td> </tr> </table> <br/> <table cellpadding = "4" cellpacing = "1" id = "ts1" onclick = "xxk (4,1, 'ts', 'tts')"> แท็บ 1 </td> <td bgcolor = "#ffffff" id = "ts2" onclick = "xxk (4,2, 'ts', 'ts') onclick = "xxk (4,3, 'ts', 'ts')"> แท็บ 3 </td> <td bgcolor = "#ffffff" id = "ts4" onclick = "xxk (4,4, 'ts', 'ts') แท็บ <div id = "tts1"> อยู่ที่ทำงานในเดือนมกราคม </div> <div id = "tts2" style = "แสดง: ไม่มี;"> แท็บทำงานในเดือนกุมภาพันธ์ </div> <div id = "tts3" สไตล์ = "แสดง: แท็บ>> แท็บ </div> <div> <div> <div> </body> </html>ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ฉันหวังว่ามันจะเป็นประโยชน์กับการเรียนรู้ของทุกคน