
当前页面--比如说现在的页面是首页,那么在导航栏上首页的色彩等和其他栏目有所不 同,用以给浏览者一个明显的指示。
下面来说下具体的做法,菜单的基本实现和一般的CSS菜单没多大区别,着重说下如何 实现当前页。
设菜单有5个栏目:home、about、products、services、contact,分别给每个栏目一 个ID,m1-m5,CSS可写成如下:
CSS源代码:
xhtml源代码:
然后分别给每个页面的bady标签一个独立的ID,例如给首页的ID是home,其余的类推 。
这样做法的好处是每个页面的菜单都是一样的,方便修改,动态页包含也容易。
推荐阅讯
- 经典 用CSS实现表单form布局
- 技巧再现:css网页设计技巧
- 利用CSS的Clip属性来创造多彩文字
- 网页对联式的图片广告代码
- 详细介绍CSS的三种selector
- CSS解决未知高度的DIV垂直居中
- CSS初级入门:页面样式的整体声明
- CSS+DIV设计实例:不同色链接和其下划线
- 网页表单自动填写技术(gmail为例)
- 通过CSS类型的顺序改变翻滚效果
阅读排行
- 1.如何使用CSS来进行网页排版
- 2.CSS样式表教程-If you love css …
- 3.CSS用样式表美化你的网页
- 4.网页制作:几种所见所得的WEB在线编辑器
- 5.网页常见可用性错误——表单组件错误
- 6.CSS+JavaScript打造超酷右键菜单
- 7.针对浏览器隐藏CSS之九大技巧
- 8.DIV+CSS网页布局入门
- 9.搜索引擎的蜘蛛人(ROBOTS)秘密
- 10.CSS垂直树形下拉菜单
专题教程
- 大话G游 专题:手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册
- Picasa中文版_Picasa教程 专题:清除流氓软件
- Firefox专题 seo搜索引擎优化专区
- 重装Windows必知的事情 装机之必备软件大行动
病毒专杀栏
