教你如何实现 切换状态栏高亮效果(五分钟入手 )
开发工具与关键技术:DW、js
作者:邱慧敏
撰写时间:2019.01.18
主要是:先用<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 都放上一个鼠标移上去之后有一个高亮效果和切换效果,每一个内容区和每一个状态栏标题对应,一一对应才能实现
如:
高亮效果和切换效果: 颜色可以自己设置