查看: 73|回复: 0

状态栏高亮效果(五分钟入手 )

[复制链接]

状态栏高亮效果(五分钟入手 )[复制链接]

zhaishao 发表于 2019-1-18 11:07:28 [显示全部楼层] 回帖奖励 |倒序浏览 |阅读模式 回复:  0 浏览:  73
教你如何实现 切换状态栏高亮效果(五分钟入手 )
  1. 开发工具与关键技术:DW、html、js
  2. 作者:邱慧敏
  3. 撰写时间: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 都放上一个鼠标移上去之后有一个高亮效果和切换效果,每一个内容区和每一个状态栏标题对应,一一对应才能实现
如:

高亮效果和切换效果: 颜色可以自己设置

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1
QQ