รหัสอินสแตนซ์สวิตช์แท็บที่ง่ายที่สุด

JS:

 $ (". con"). eq (0). show (); $ (". btn span") คลิก (ฟังก์ชัน () {var num = $ (". btn span"). ดัชนี (นี่); $ (". con"). ซ่อน (); $ (". con"). eq (num). slblings ()

CSS:

 ร่างกาย {เคอร์เซอร์: ค่าเริ่มต้น; -webkit-text-size-adjust: ไม่มี; ขนาดตัวอักษร: 12px; Font-Family: Arial; ความเป็นมา: #FFF; } .Clear {ซูม: 1; } .Clear: หลังจาก {การมองเห็น: ซ่อน; แสดง: บล็อก; ขนาดตัวอักษร: 0; เนื้อหา: "1"; ชัดเจน: ทั้งสอง; ความสูง: 0; } .Main {Width: 500px; มาร์จิ้น: 20px auto; } .Btn Span {Width: 35px; TEXT-ALIGN: CENTER; สี: #FFF; ความเป็นมา:#f00; เคอร์เซอร์: ตัวชี้; มาร์จิ้น: 0 5px; แสดง: บล็อก; ลอย: ซ้าย; } .con {display: none; ชายแดน:#033 1px Solid; ความสูง: 100px; ความกว้าง: 200px; -

html:

 <div> <div> <span> 1 </span> <span> 2 </span> <span> 3 </span> </div> <div> อันดับแรก <br/> </div> </div> วินาที <Br/> </div> <div> วินาที <Br/> </div> <div>

ภาพหน้าจอ

รหัสตัวอย่างการสลับแท็บที่ง่ายที่สุดด้านบนคือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น