JS:
$ (". Con"). EQ (0) .show (); $ (". BTN Span"). Klik (function () {var num = $ (". BTN span"). Indeks (ini); $ (". Con"). Hide (); $ (". Con"). EQ (num) .show ().CSS:
tubuh {kursor: default; -webkit-text-size-adjust: tidak ada; font-size: 12px; Font-Family: Arial; Latar belakang: #FFF; } .clear {zoom: 1; } .clear: setelah {visibilitas: tersembunyi; Tampilan: Blok; Ukuran font: 0; Konten: "1"; jelas: keduanya; Tinggi: 0; } .main {width: 500px; Margin: 20px Auto; } .btn span {width: 35px; Teks-Align: tengah; Warna: #fff; Latar Belakang:#F00; kursor: pointer; margin: 0 5px; Tampilan: Blok; float: kiri; } .con {display: none; Perbatasan:#033 1px padat; Tinggi: 100px; Lebar: 200px; }Html:
<div> <div> <span> 1 </span> <span> 2 </span> <span> 3 </span> </div> <div> pertama <bR /> </div> <div> kedua <br/> </div> <div> kedua <br/> </div> <v> ketiga <r/</div> </Div> kedua <br/> </Div> <v> ketiga <r/</div> </div>
tangkapan layar
Kode contoh switching tab paling sederhana di atas adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.