您现在的位置是:网站首页> 编程资料编程资料
CSS标示导航条当前所在频道_CSS教程_CSS_网页制作_
2023-11-02
173人已围观
简介 网页制作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 {
……
}
相关内容
- 极酷的三层分离的标准滑动门导航菜单_Web标准教程_CSS_网页制作_
- 将CSS按照层叠式结构化重新组织与构建_CSS教程_CSS_网页制作_
- CSS教程:vlink,alink,link和a:link_CSS教程_CSS_网页制作_
- 天天酷跑太阳级宠物波波鸟属性介绍_手机游戏_游戏攻略_
- 天天酷跑星星的猫和冰原狼哪个好 属性对比_手机游戏_游戏攻略_
- 神魔之塔一周300魔石获得方法详解 轻松拿魔石_手机游戏_游戏攻略_
- 刀塔传奇极速的绝杀 攻速流强势崛起_手机游戏_游戏攻略_
- 雷霆战机4月10日最新刷宝箱教程详解_手机游戏_游戏攻略_
- 神魔之塔30级轻松过2万 教你快速打出高伤害_手机游戏_游戏攻略_
- 神之刃宝石共鸣的方法攻略_手机游戏_游戏攻略_
