0
点赞
收藏
分享

微信扫一扫

Tab栏切换

梦幻之云 2022-02-06 阅读 71

1.将tab栏分为上下两部分,上面是导航栏,下面是各部分对应的内容。

2.tab栏导航栏部分,点击后样式改变,比如字体颜色、背景颜色改变

①定义一个类名:current,改变后的样式,先给第一个写该类名,其他的不写类名
②js获取所有对象,利用for循环遍历给每个对象绑定点击事件,并且设置属性index
③排他算法:利用for循环将所有对象设置类名为空,被点击的对象设置类名current
3.点击不同对象,出现不同的内容


①定义一个类名:items,其他的都隐藏起来
②获取全部对象,获取点击对象的索引号,在点击事件里再添加一个排他思想:利用for循环将所有内容设置隐藏,将对应的索引号的内容显示

举报

相关推荐

0 条评论