单元3创建超级链接与导航栏资料.ppt

【3.3　技术提升】 【任务3-6】创建下拉菜单和自动展开菜单 【任务描述】 （1）创建纵向下拉列表菜单。 （2）创建自动展开与收缩菜单。 （3）编写JavaScript代码，实现菜单的展开与收缩功能。 纵向下拉列表菜单和自动展开与收缩菜单的浏览效果如图3-22所示。 图3-22　纵向下拉列表菜单和自动展开与收缩菜单的浏览效果 【任务实施】 1．创建纵向下拉列表菜单。 打开文件夹“3-3”中网页文档0303.html，在该网页中“ ul id droplist_ul ”下面输入以下HTML代码。 li id n0 a href default.htm 首页 li onmouseover menu_drop n1,block ; onmouseout menu_drop n1,none ; a href # 笔记本 ul id n1 a href # 笔记本电脑 a href # 笔记本配件 a href # 电脑包 li onmouseover menu_drop n2,block ; onmouseout menu_drop n2,none ; a href # 数码影音 ul id n2 a href # 数码影像 a href # MP3/MP4 a href # GPS a href # 便携移动存储/读卡器 a href # 时尚小数码 a href