JS:
$ (". Con"). EQ (0) .show (); $ (". Btn span"). Click (function () {var num = $ (". Btn span"). index (this); $ (". con"). hide (); $ (". con"). eq (num) .show (). slblings (). hide ();})CSS:
Body {coursor: по умолчанию; -Вебкит-текст-размер-нет: нет; размер шрифта: 12px; Семейство шрифта: ариальная; Фон: #fff; } .clear {Zoom: 1; } .clear: After {Visibility: Hidden; дисплей: блок; размер шрифта: 0; Содержание: "1"; ясно: оба; высота: 0; } .main {width: 500px; Маржа: 20px Auto; } .btn span {width: 35px; Текст-альбом: Центр; Цвет: #fff; Фон:#F00; курсор: указатель; Полевая: 0 5px; дисплей: блок; Плавание: осталось; } .con {display: none; Граница:#033 1PX SOLID; высота: 100px; Ширина: 200px; }HTML:
<div> <div> <pan> 1 </span> <pran> 2 </span> <pran> 3 </span> </div> <div> сначала <br/> </div> <div> second <br/> </div> <div> second <br/> </div> <div> третий <br/> </div> </div>
Скриншот
Самый простой пример переключения вкладки - это все контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.