任务2-7　图形菜单外观的动态设置

需求：

根据文本长度，动态设置菜单标题文本、图像及其高度。

分析：

改造单元一的任务1-9，添加各部分id属性，使之能用JavaScript脚本设置菜单标题文本、图像及其高度。

实现：

第一步，新建文件夹07，复制任务1-9中的页面。

第二步，添加各部分id属性，并去掉标题文本、背景图像的样式属性设置，形成清单2-17所示的界面源代码。

清单2-17　菜单界面源代码

第三步，编写动态设置菜单标题文本与背景图像JavaScript脚本，代码如清单2-18所示。

清单2-18　动态设置菜单标题文本与背景图像

说明

访问标签的全局脚本应放在标签加载后，否则会出现对象为空的异常。

语句var activeFolder="../images/menu_active/"表示images文件夹是当前页面文件父目录的同级目录。

用new Aarry（）可以创建一个数组实例，简化编程。数组下标从0开始，数组大小可以暂不固定。

使用with关键字可以减少对较长的对象表达式的重复使用，使程序更加清晰。