教你如何实现 切换状态栏高亮效果(五分钟入手 )
主要是:先用<div>
来设置好html 的布局
1.给状态框一个class和id里面的文字用<ul><li><a href="#">文字</a><li></ul>
装
2.先给内容区外层一个大的‘盒子’用class和id包裹着
3.然后每一个内容区都要放一个div来装,里面的文字一样用<ul><li><a href="#">文字</a><li></ul>
装
4.有多少个状态框就要有多少个内容区,必须一一对应
style="display: block”
;设置刚开始的默认选中(显示)效果;style="display: none;”
默认(隐藏)
如:
Js部分主要是要给每一个id 都放上一个鼠标移上去之后有一个高亮效果和切换效果,每一个内容区和每一个状态栏标题对应,一一对应才能实现
如:
高亮效果和切换效果: 颜色可以自己设置