选项卡切换
制作一个选项卡切换 1、把选项卡的html页面框架搭建起来 html页面代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div> <!--居中的框架开始--> <div class="tab-jz"> <!--选项卡开始--> <div class="tab-x" id="name"> <div class="tab-dj1"> <p> <a href="#">选项1</a> </p> </div> <div class="tab-dj2"> <p> <a href="#">选项2</a> </p> </div> <div class="tab-dj3 active"> <p> <a href="#">选项3</a> </p> </div> <div class="tab-dj4"> <p> <a href="#">选项4</a> </p> </div> </div> <!--选项卡结束--> <!--显示的内容开始--> <div id="nr"> <div> <p>显示的内容1</p> </div> <div> <p>显示的内容2</p> </div> <div style="display: block;"> <p>显示的内容3</p> </div>