本文为大家分享了js实现简单选项卡功能的具体代码，供大家参考，具体内容如下：首先我们来写HTML代码，构建出整体结构。代码如下：&lt。--导航栏部分HTML代码--&gt；&lt；nav id="nav"&gt；&lt；ul&gt；&lt；li class="act"&gt；选卡1&lt；/li&gt；&lt；li&gt；选卡2&lt；/li&gt；&lt；li&gt；选卡3&lt；/li&gt；&lt；li&gt；选卡4&lt；/li&gt；&lt；/ul&gt；&lt；/nav&gt；&lt注：section 部分添加了style，目的是方便演示，为规范HTML与css的代码风格，不推荐这样使用。接着我们使用css代码构建出样式。代码如下：