注册通行证 用户名 密码
  • 文章投稿
  • 博客
  • 论坛
  • 设为首页
  • 加入收藏
jztop.com网络技术
  • 首页
  • | iT新闻
  • | 操作系统
  • | 组网建网
  • | 网络安全
  • | 程序开发
  • | 办公一族
  • | 工具软件
  • | 网页制作
  • | 多媒体制作
  • | 网吧技术
  • | 服务器
  • | 专题教程
Vista | 软件评测 | 系统备份 | 优化 | 进程 | 聊天 | 病毒 | Linux | 黑客 | 防火墙 | 数据库 | Web开发 | Java | Word | 游戏 | 32位开发 | 移动开发
当前位置:首页 > 网页制作 > CSS技术应用 内容正文:CSS实现当前页的滑动门菜单效果方法

CSS实现当前页的滑动门菜单效果方法

发布时间:2006-10-23 12:09:26 来源:友佳学院 网友评论 0 条

  当前页面--比如说现在的页面是首页,那么在导航栏上首页的色彩等和其他栏目有所不 同,用以给浏览者一个明显的指示。

  下面来说下具体的做法,菜单的基本实现和一般的CSS菜单没多大区别,着重说下如何 实现当前页。

  设菜单有5个栏目:home、about、products、services、contact,分别给每个栏目一 个ID,m1-m5,CSS可写成如下:

  CSS源代码:

  xhtml源代码:

  然后分别给每个页面的bady标签一个独立的ID,例如给首页的ID是home,其余的类推 。

  这样做法的好处是每个页面的菜单都是一样的,方便修改,动态页包含也容易。

      演示效果 

相关文章
  • CSS布局中自适应高度的解决方法
  • 创建自定义代码片段 提高CSS布局开发效率
  • 巧用Illustrator旋转工具绘制丰富图案
  • 什么是DOCTYPE 它对网页起何作用?
  • 多图欣赏:Google在线办公软件
【评论】【收藏本文】【打印】【关闭】
上一篇文章:CSS 制作的三级菜单特效代码
下一篇文章:CSS实现导航条图片的翻转菜单
讨论区
查看
已有 0 位对此新闻感兴趣的网友发表了看法
匿名发表
注册通行证 登陆
图文阅读推荐
CSS的“顶级技巧”
CSS的“顶级技巧”
如何使用CSS来进行网页排版
如何使用CSS来进行网页排版
CSS样式表教程-If you love css …
CSS样式表教程-If you love css …
推荐阅讯
  • 经典 用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必知的事情 装机之必备软件大行动
病毒专杀栏
  • 杀毒软件反被病毒杀 连"救命"都不能喊
  • 金山ARP防火墙
  • 还原卡神话破灭“机器狗”病毒来势汹汹
  • cctv经济半小时:你的手机现在安全吗?
  • 新挂马方式开始流行 ARP挂马称雄局域网
  • 木马和病毒清除的通用解法
  • IP地址不再冲突 查找ARP攻击者元凶
  • 教你几招识别和防御Web网页木马
  • 分析:封杀BT只是暂时的止痛药
  • QQ爆危险漏洞,“QQ游戏邀请大盗”邀请你玩病
关于我们 | 诚聘英才 | 联系我们 | 版权声明 | 网站大事 | 网站地图 | 意见建议
CopyRight 2005-2007 Jztop.Com 版权所有 未经许可 请勿转载