Примеры в этой статье делятся с вами конкретным кодом реализации для эффекта переключения вкладки JS для вашей ссылки. Конкретный контент заключается в следующем
<! Doctype html> <html> <head> <meta charset = "gb2312"/> <title> Zhu Zhu Made </title> <script src = "js/jquery.js" type = "text/javascript"> </script> <style> *{margin: 0; Заполнение: 0; } body {foangy-color: #fff; Фондовая семья: «Microsoft Yahei»; размер шрифта: 18px; Ширина: 1000px; Маржа: 50px Auto; Цвет:#000000; } .wrapper {width: 350px; } #nav ul {border-bottom: 2px solid hellowgreen; Высота: 32px; } #nav li {display: inline-block; Граница: 2PX SOLID #999; пограничный под кносом: нет; Полевая левая: 10px; Ширина: 65px; Текст-альбом: Центр; высота линии: 30px; } #nav li: Hover {cursor: pointer; } #content {display: block; Граница: 1px твердый синий; Пограничная топ: нет; Текст-альбом: Центр; высота: 100px; высота линии: 100px; } #nav li.on {Border-Bottom: Solid 2px #ffffff; } .hide {display: none; } .show {display: block; } </style> </head> <script type = "text/javascript"> /*window.onload=change; // JS CODE Реализация Function Function () {this.nav = document.getElementById ("NAV"); this.li = Nav.GetElementsByTagName ("li"); this.cont = document.getElementbyId ("content"); this.divi = cont.getelementsbytagname ("div"); for (var i = 0; i <li.length; i ++) {li [i] .index = i; li [i] .onclick = function () {for (var i = 0; i <li.length; i ++) {li [i] .classname = ""; divi [i] .classname = "hide"; } li [this.index] .classname = "on"; divi [this.index] .classname = "show"; }}}*/$ (function () {$ ('#Nav Li'). Каждый (function () {$ (this) .click (function () {$ ('#nav li'). removeClass ("on"); $ (this) .adclass ("on"); $ ("#content div"). div").eq($(this).index()).addClass("show").siblings().addClass("hide");})})})</script><body> <div> <div id="nav"> <ul> <li>num1</li> <li>num2</li> <li>num3</li> <li>num4</li> </div><div id = "content"> <div> content1 </div> <div> content2 </div> <div> content3 </div> <div> content4 </div> </div> </div> </div> </body> </html>Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.