4、精彩的图层世界
(3)动态菜单的制作(下)
下面给导航菜单添加控制语句。选择“我的爱好”图形,按F8调出“Behaviors”窗口,点“+”按钮,选“Show-Hide
Layers”命令。
设置mylike图层为“Show”,其他几个子菜单的图层为“Hide”,点“OK”(图1)。

图1 设置只显示mylike层
当前事件为“onMouseDown”,用前面讲的方法,将事件改为“onMouseOver”,这样当鼠标在此图形上时,就会显示mylike图层,将另几个图层隐藏。
用同样方法给其他几个导航菜单设置“onMouseOver”事件,当鼠标在相应的菜单上时,只显示其子菜单所在的层。
按F11切换到“Layers窗口”中,除layer1父图层和cat1子图层外,其余图层均隐藏(图3)。这样初始状态我们就只能看到一只向右走的小猫。

图3 图层面板上图层的可见性
保存文件,进入浏览器看一下效果(图4),还挺满意吧!

图4 将子菜单设置显隐性后的效果
最后为了美观,你可以将导航菜单设置翻转效果(方法见会变脸的图形),就成了我们最开始看到的那种效果(图5)。

图5 将主菜单加入翻转效果后的页面(最终成品预览)
好,这个例子大功告成,你还不赶紧做一下!
上一节 下一节

谈谈您的看法
|