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

 时间:2026-04-30 00:34:22

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中插入音乐
  • 热门搜索
    传染病手抄报内容 校园文明手抄报内容 家乡手抄报 创卫手抄报图片 关于法制的手抄报图片 国学经典手抄报资料 讲文明手抄报内容 关于勤俭节约的手抄报 中华文化手抄报 美德少年手抄报资料