JS:
$ (". con"). EQ (0) .show (); $ (". Btn span"). click (function () {var num = $ (". Btn span"). Index (this); $ (". con"). hide ();CSS:
Körper {Cursor: Standard; -Webkit-text-Größe-Anpassung: Keine; Schriftgröße: 12px; Schriftfamilie: Arial; Hintergrund: #fff; } .clear {zoom: 1; } .clear: nach {Sichtbarkeit: versteckt; Anzeige: Block; Schriftgröße: 0; Inhalt: "1"; klar: beides; Höhe: 0; } .main {width: 500px; Rand: 20px Auto; } .btn span {width: 35px; Text-Align: Mitte; Farbe: #fff; Hintergrund:#f00; Cursor: Zeiger; Rand: 0 5px; Anzeige: Block; float: links; } .con {display: keine; Rand:#033 1px Solid; Höhe: 100px; Breite: 200px; }HTML:
<div> <div><span>1</span><span>2</span><span>3</span></div> <div>First<br /> </div> <div>Second<br /> </div> <div>Second<br /> </div> <div>Third<br /> </div></div>
Screenshot
Der am einfachsten Registerkartenschalter oben genannte Beispielcode ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.