下拉菜单和交互图片

2024-09-11 13:32:04

字体：大中小

来源：转载

供稿：网友

本文为中国教程网合作伙伴印象特别供稿，转载必须取得授权

　　用fw做网页不仅和dw结合紧密，而且fw的交互功能也是非常强大的，今天来做一下很常见的2个实例，虽然很平凡
　　但我希望加上大家创意以后会让你的灵感飞翔起来！

1,新建一个200*200的画布画成如图样子要注意的是图上的橙色的条是由4个50象素宽的条组成，然后复制一帧,如图。(图1)

2.选中第2帧，把中间的条改变任意的颜色。(图2)

3.将图片进行切割，然后右键单击条声的切片，选择图中选项。(图3)

4.注意看图中红色的筐，用鼠标可以直接点上面的热区，也知道自己设定。(图4)

5.打开“文件”》》“导出”会出现如图面版。注意html和切片的设置关于fw的图象优化我以后会专门写一篇教程，因为针对web的图象输出是一个大问题。(图5)

6.现在让我们来做下拉菜单，同样的用右键点某个切片，选择下拉菜单会出现如图画面，在内容中，你先要想好一共有些什么栏目，他们的从属关系又是怎么样的，我建议自己先画一个这样的类似站点地图的图案，然后开始新建一系列的菜单。按图中的“+ -”号旁边的两个图标可以调整各栏目的隶属关系。在外观中可以设定下拉菜单的风格，大小，字体等。在高级中有关于下拉菜单的高度宽度等设定。(图6)