您现在的位置是:网站首页> 编程资料编程资料
利用CSS在导航条上标示当前所在频道_CSS教程_CSS_网页制作_
2021-09-09
981人已围观
简介 网页制作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 {
……
}
相关内容
- 网页缓冲效果特效代码_CSS教程_CSS_网页制作_
- IE8的一些有趣的新功能_CSS教程_CSS_网页制作_
- CSS网页布局困扰新手的问题_CSS布局实例_CSS_网页制作_
- 英文教程:五种CSS选择器类型_CSS教程_CSS_网页制作_
- CSS教程:背景background属性应用_CSS教程_CSS_网页制作_
- CSS实现强制浏览器分页_CSS教程_CSS_网页制作_
- CSS教程:彻底弄懂闭合浮动元素_CSS教程_CSS_网页制作_
- css 去除连接时的虚线框_CSS教程_CSS_网页制作_
- 必须知道的10个不常用HTML标签_CSS教程_CSS_网页制作_
- CSS教程:clip属性详细讲解_CSS教程_CSS_网页制作_
点击排行
本栏推荐
-
魔兽世界tbc怀旧服SW双子4层暗点击图标喝酒WA 双子必备_网络游戏_游戏攻略_
-
炉石传说不复存在任务怎么完成 佣兵战纪亚煞极不复存在任务流程_网络游戏_游戏攻略_
-
魔兽世界tbc怀旧服sw所有BOSS分阶段技能提示wa 开荒团队必备_网络游戏_游戏攻略_
-
魔兽世界tbc怀旧服5人本全boss及小怪技能监控WA 支持捡牌子提示_网络游戏_游戏攻略_
-
魔兽世界赛季服蓝条显示增强wa 适用于有蓝和治疗职业_网络游戏_游戏攻略_
-
魔兽世界tbc怀旧服sw进本前要准备的物资检查提示wa 太阳井必备物品_网络游戏_游戏攻略_
-
梦幻西游网页版童趣一下顽皮小妖通关攻略 顽皮小妖击杀方法_网络游戏_游戏攻略_
猜你喜欢
- 魔兽世界tbc怀旧服SW双子4层暗点击图标喝酒WA 双子必备_网络游戏_游戏攻略_
- 炉石传说不复存在任务怎么完成 佣兵战纪亚煞极不复存在任务流程_网络游戏_游戏攻略_
- 魔兽世界tbc怀旧服sw所有BOSS分阶段技能提示wa 开荒团队必备_网络游戏_游戏攻略_
- 魔兽世界tbc怀旧服5人本全boss及小怪技能监控WA 支持捡牌子提示_网络游戏_游戏攻略_
- 魔兽世界赛季服蓝条显示增强wa 适用于有蓝和治疗职业_网络游戏_游戏攻略_
- 魔兽世界tbc怀旧服sw进本前要准备的物资检查提示wa 太阳井必备物品_网络游戏_游戏攻略_
- 梦幻西游网页版童趣一下顽皮小妖通关攻略 顽皮小妖击杀方法_网络游戏_游戏攻略_