养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Fireworks中如何用热点工具做下拉菜单

时间:2024-11-12 18:52:33

FW作为网页三剑客之一,其做网页的功能是无比强士候眨塄大的,今天我们来做一个简单的下拉菜单动效,通过工具中的热点就可以快速实现。

工具/原料

华为MateBookD

Windows10

Fireworkscs6

方法/步骤

1、如图,在画布中随意绘制几个图形,

Fireworks中如何用热点工具做下拉菜单

2、然后选择其中一个图形,右键选择插入热点,将其打开

Fireworks中如何用热点工具做下拉菜单

3、插入热点后,在图形中间有个小图标,鼠标点击将其打开

Fireworks中如何用热点工具做下拉菜单

4、这时候就会跳出一个对话框,可以对其添加各种交互效果

Fireworks中如何用热点工具做下拉菜单

5、我们选择第三个弹出菜单栏,点击打开它

Fireworks中如何用热点工具做下拉菜单

6、然后就会进入到编辑器中,在这里输入文本内容信息,根据自己的菜单来设置文字、链接即可

Fireworks中如何用热点工具做下拉菜单

7、然后点击下一步外观设置,在这里可更改文字颜色、样式,以及鼠标滑过时的状态显示

Fireworks中如何用热点工具做下拉菜单

8、然后继续设置高级和位置设置,最后点击完成制作

Fireworks中如何用热点工具做下拉菜单

9、想要看效果时,需要在浏览器中查看,打开文件中的浏览器预览,如图选项

Fireworks中如何用热点工具做下拉菜单

10、然后在浏览器中,鼠标经过中间设置的图形时,就会出现一个菜单栏选项如图所示。

Fireworks中如何用热点工具做下拉菜单

© 一点知识