Эта статья поделилась с вами конкретным кодом для JS для реализации простого эффекта переключения вкладок для вашей ссылки. Конкретный контент заключается в следующем
Код переключения вкладок JS:
<! Doctype html> <html> <head lang = "en"> <meta charset = "gb2312"> <title> Практические вопросы- вкладка </title> <style type = "text/css"> *{margin: 0px; Заполнение: 0px; } #tab {margin: 10px; } #tab ul {list-style: none; Высота: 36px; Пограничный подвод: 2PX SOLIT BLACK; дисплей: блок; } #tab ul li {float: left; дисплей: встроенный блок; Заполнение: 0px 15px; Высота: 34PX; высота линии: 34px; Право маржи: 5px; Граница: 1PX SOLID #CCC; пограничный под кносом: нет; курсор: указатель; } #tab div {padding: 5px; Граница: 1PX SOLID #CCC; Пограничная топ: нет; } #tab ul li.on {border-top: 2px solid black; Пограничный подвод: 2px сплошной белый; } .hide {display: none; } </style> <script type = "text/javascript"> window.onload = function () {var mytab = document.getElementbyId ("tab"); var myul = mytab.getelementsbytagname ("ul") [0]; var myli = myul.getelementsbytagname ("li"); var mydiv = mytab.getelementsbytagname ("div"); // предупреждение (mydiv.length) для (i = 0, len = myli.length; i <len; i ++) {myli [i] .index = i; myli [i] .onclick = function () {for (var n = 0; n <len; n ++) {myli [n] .classname = ""; mydiv [n] .classname = "hide"; } this.classname = "on"; mydiv [this.index] .classname = ""; }}} </script> </head> <body> <!-HTML Page Mayout-> <div Id = "Tab"> <ul> <li> Недвижимость </li> <li> Дом </li> <li> Второй рукой </li> </ul> <Div> 2,75 миллиона Yuan. миллион юаней для покупки Anjia East Third Ring Road 1,4 млн. Юаней, чтобы купить 530 000 юаней для покупки 530 000 юаней для покупки 5000 юаней на 5 000 квадратных метров, чтобы купить 5000 юаней в 5000 юаней, купив 5 000 до 5 000 до 5 000 до 5 000 до 5000 лет. Юань купит 5000 юаней, чтобы купить 5000 юаней, чтобы купить 5000 юаней, чтобы купить 5000 юаней, чтобы построить 300 юаней, чтобы купить 5000 юаней, чтобы купить 5000 юаней, чтобы купить 5000 юаней, чтобы построить 300 юаней, чтобы купить 5000 юаней, чтобы купить 5000 юаней, чтобы купить 5000 лет, чтобы купить 5 000 лет, чтобы купить 5 000 лет, чтобы купить 5 000 лет, чтобы купить 5 000 лет, чтобы купить 5 000 год до 5 000 лет до 5 000 лет, чтобы купить 5 000 лет, чтобы купить 5000 yuan, чтобы купить 5000 лет. Юань купил 5000 юаней, чтобы построить 300 юаней для короля зданий в парке парка </div> <div> Дом аренды площадью 40 квадратных метров находится отремонтирован и красивое смешанное гнездо. Классический свежий и простой старый дом OU AI в 90 квадратных метрах омоложен. Новый китайский стиль. Прохладный и теплый. Цвет контрастности площадью 66 квадратных метров Живая домашняя плитка-это все равно, что выбрать дизайн хорошей жены в ванной комнате. Второе кольцо мало 2 спальни 2,50 Вт. Западный 3 кольца прозрачный 2 спальни 2,9 миллиона. 1,3 миллиона. 2 спальни. Ограниченная покупка в начальной школе Хуанчэнгена только 2,6 миллиона. 1,21 квадратных метров. 700 000 юаней! Эксклюзивная вилла 2,8 миллиона. Мост Сучжоу 2 спальни дисконтированная цена 2,48 миллиона. </Div> </div> </body> </html>Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.