Fireworks中如何做HTML效果-鼠标经过显示按钮

 时间:2024-10-20 08:16:44

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

Fireworks中如何做HTML效果-鼠标经过显示按钮

2、然后选中一个图形,右键选择转换为元件

Fireworks中如何做HTML效果-鼠标经过显示按钮

3、在元件属性中,选择类型为按钮,然后确定

Fireworks中如何做HTML效果-鼠标经过显示按钮

4、建立了元件按钮后,图形就变成了可以编辑插入链接的符号,点击中间就会出现菜单,选择第一个添加交互图像

Fireworks中如何做HTML效果-鼠标经过显示按钮

5、然后选择图像文件选项,打开右侧的文件夹选项

Fireworks中如何做HTML效果-鼠标经过显示按钮

6、选择一张图片作为预览效果插入

Fireworks中如何做HTML效果-鼠标经过显示按钮

7、然后同样的方法,对其他几个图形都做同样的图片置入切换处理

Fireworks中如何做HTML效果-鼠标经过显示按钮

8、完成后,打开文件中的浏览器中预览效果显示

Fireworks中如何做HTML效果-鼠标经过显示按钮

9、这样在浏览器中就可以看到这种效果,当鼠标经过一个矩形的时候,会显示图片,当离开后恢复到原来的矩形形状,如图所示。

Fireworks中如何做HTML效果-鼠标经过显示按钮
  • Dreamweaver如何在网页中嵌入音频
  • 在Dreamweaver HTML文档中如何新建CSS样式?
  • DW怎么在网页标题前加图标logo
  • DW中创建各种超级链接方法汇总
  • 如何在DW中插入音乐
  • 热门搜索
    我的世界怎么设置家 松下空调怎么样 邪气鞍座怎么获得 蚂蚁借呗怎么开通 荷兰牛栏奶粉怎么样 excel怎么做表格 威狮轮胎质量怎么样 有贷款的房子怎么卖 亥怎么读 怎么叠衣服