您现在的位置是:网站首页> 编程资料编程资料
利用CSS在导航条上标示当前所在频道_CSS教程_CSS_网页制作_
2023-11-02
215人已围观
简介 网页制作Webjx文章简介:利用CSS在导航条上标示当前所在频道的技术,已经有很长时间了,在很多CSS的书中都介绍过,不过还是总被问到,因此写一个简单的示例来讲解一下。 利用CSS在导航条上标示当前所在频道的技术,已经有很长
利用CSS在导航条上标示当前所在频道的技术,已经有很长时间了,在很多CSS的书中都介绍过,不过还是总被问到,因此写一个简单的示例来讲解一下。
利用CSS在导航条上标示当前所在频道的技术,已经有很长时间了,在很多CSS的书中都介绍过,不过还是总被问到,因此写一个简单的示例来讲解一下。
其实原理非常简单:
1) 按照不同的频道(栏目),分别为body定义id。例如:
首页:
Blog频道:
相册频道:
频道内的所有页面都要统一定义id。
2) 导航条的相应栏目,也定义id或者class:
3) 当前位置通过不同的body的id来分别:
#p_home .nav_home a,
#p_blog .nav_blog a,
#p_album .nav_album a {
……
}
相关内容
- 雷霆战机boss残骸有什么用 boss残骸怎么获得_手机游戏_游戏攻略_
- 暴走武侠副本怎么打 暴走武侠副本三星通关攻略_手机游戏_游戏攻略_
- 暴走武侠平民玩家开局阵容攻略_手机游戏_游戏攻略_
- 天天酷跑尼科获得方法介绍_天天酷跑尼科厉害吗_手机游戏_游戏攻略_
- 天天酷跑拉斐尔获得方法介绍_天天酷跑拉斐尔厉害吗_手机游戏_游戏攻略_
- 暴走武侠非r平民玩家抢武功攻略_手机游戏_游戏攻略_
- 天天酷跑佩德罗获得方法介绍_天天酷跑佩德罗厉害吗_手机游戏_游戏攻略_
- 暴走武侠怎么玩 暴走武侠战斗玩法解析_手机游戏_游戏攻略_
- 雷霆战机4月10日最新安卓双模式烧饼修改不异常教程攻略_手机游戏_游戏攻略_
- 暴走武侠光明顶是什么 暴走无双光明地怎么过_手机游戏_游戏攻略_
