使用js实现tab选项卡效果
这里提供了一种制作选项卡的思路。在制作过程中首先考虑的是html结构，元素如何摆放，此外通过这样的摆放，通过CSS样式是否可以达到我们所要的效果。最后通过js进行监听，当进行选项卡切换时，我们可以对所有内容进行隐藏，之后再对选中的内容进行显示以达到切换的效果。
效果如下：
点击“家居“可进行切换：
程序如下：
实践题 - 选项卡
这里提供了一种制作选项卡的思路。在制作过程中首先考虑的是html结构，元素如何摆放，此外通过这样的摆放，通过CSS样式是否可以达到我们所要的效果。最后通过js进行监听，当进行选项卡切换时，我们可以对所有内容进行隐藏，之后再对选中的内容进行显示以达到切换的效果。
效果如下：
点击“家居“可进行切换：
程序如下：
实践题 - 选项卡