HTML中spry菜单栏,DreamweaverCS3中用“spry菜单栏”制作纵向导航菜单.docx

Dreamweaver CS3 中用“ spry 菜单栏”制作纵向导航菜单

摘要：网页导航菜单是指引和方便浏览者访问所需内

容的快速通道。该文介绍了Dreamweaver CS3 中使用“ Spry

菜单栏”控件创建纵向的导航菜单，通过“属性”面板编辑

“Spry 菜单栏”控件，以及通过修改对应

SpryMenuBarVertical.css 文档中的CSS 规则来更改菜单栏的

外观。

关键词： Dreamweaver CS3； spry 菜单栏；网页纵向导航菜单

中图分类号： TP311 文献标识码： A 文章编号：

1009-3044( 2014) 17-4129-03

概述

网页导航菜单是指引和方便浏览者访问所需内容的快

速通道。 Dreamweaver CS3 提供“ Spry 菜单栏”控件，可以

创建纵向的网页下拉或弹出菜单。网页导航菜单的样式和风

格是网站样式的一个重要的组成部分，好的网页导航菜单可

以在确定网站风格的同时，清晰网站的层次。

创建网页纵向导航菜单栏

利用“ Spry 菜单栏”控件创建网页纵向导航菜单栏

1)将光标定位到要插入网页纵向导航菜单栏的位置。

2)单击“插入记录”|“Spry ” |“ Spry 菜单栏”。

3)单击“垂直”单选按钮，再单击确定。

编辑网页纵向导航菜单栏

1)选择页面中的“Spry 菜单栏”控件。

2)展开“属性”面板，在其中对“Spry 菜单栏”控件

进行编辑，主要是增删菜单项目，设置菜单项目的名称和