嗨喽,大家好!我是程序员小辉辉,上期介绍了轮播图效果,小伙伴们你么你学会了吗,这次给大家讲解选项卡的操作,像一些大型的电商网站,它的侧边栏和下拉菜单实际上都是选项卡的操作,这个小辉辉就带你们学习一下!
首先,还是一样,这是html的代码,这个地方只要写上你想网上写的东西就好
这是css代码,也是比较简单,不过多多做解释
这是js的代码,因为这是最底层的js代码,也是最基础的,如果把这个最基础的js 代码学会,你就可以再往外延伸!
首先,引入jq的封装函数,在页面加载完成之后显示,首先给摁扭添加点击事件,这个地方还是建议用事件委托,至于原因第一篇博客已经给大家解释过了,点击之后,先把button的摁扭给改变样式,我这里是之改变的背景颜色,如果还有别的样式改,直接按照格式添加即可,比较重要的就是最后一行代码,因为一开始我是设置的li里的内容是隐藏的,点击之后,摁扭所对应的li的的下标标签的样式也改变,点击之后从隐藏变成显示!
小伙伴们,选项卡的操作你get到了吗?