实践用CSS制作框架页效果
添加时间: 2005-6-9 5:10:59 作者: 网络收集 阅读次数:86 来源: http://d9soft.com
A、介绍原理
使用CSS制作框架页的基本原理是将多个页面的内容集合到一个文件中，每个页面的内容占据一个表格，再建立一个表格作导航栏，然后通过CSS控制表格的显示/隐藏来实现框架页效果。对于小网站而言，这种框架效果可以大大简化维护工作。
图1 页面在编辑状态
图 1就是页面在编辑状态下的示意图，在编辑状态下，我们将“页面A内容”所在的表格的显示/隐藏属性设置为“显示”，而其他几个表格的显示/隐藏属性设置为“隐藏”。然后为顶部的导航栏添加JavaScript代码，使其在被单击时对表格作相应的显示/隐藏操作，从而实现框架页效果。比如，用户单击了导航栏上的“页面B”这个链接，那么JavaScript代码会将“页面B内容”所在的表格设置为“显示”，而将其他几个表格设置为“隐藏”，如图 2。
图2 表格设置
上下文章:
上一篇文章: 什么是Web设计-建设Web站点 下一篇文章: 主页设计中配色方案的使用(上)
相关文章: