jq简单制作选项卡切换手机端
1、三个切换按钮,右边有类名和布局

2、赋予li公共类名和单独类名;简单样式调整;样式去掉最后一个右边距调的时候不会撑掉下去


3、选项卡切换效果代码,jq默认第一个选中;代码很简单,点击第一个全部取消,再再当前点击的区块给选中效果即可;

4、内容显示区块的代码,第一个内容为显示,jqxiao这个class为隐藏;其他隐藏

5、页面效果和对应代码

6、内容模块jq,点击相应的li获取相应的区块内容,比如,点击第一个,效果为第一遍全部隐藏给jqxiao,再获取当前部分内容去掉jqxiao显示所需内容处理即可

阅读量:32
阅读量:35
阅读量:138
阅读量:92
阅读量:157