当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > DW MX实例:插入交替图像按钮

Dreamweaver
Dreamweaver 限制访问的BUG
Dreamweaver 数据库路径的使用
用Dreamweaver做搜索表单
Dreamweaver 事件简述
[Dreamweaver教程]Meta标签详解
提高 Dreamweaver行为全接触(5)
提高 Dreamweaver行为全接触(1)
提高 Dreamweaver行为全接触(3)
提高 Dreamweaver行为全接触(2)
提高 Dreamweaver行为全接触(4)
Dreamweaver MX2004视频宝典教程(7) Dreamweaver安装与启动
Dreamweaver MX2004视频宝典教程(9) 工作区结构
Dreamweaver MX2004视频宝典教程(5) 配色原则
Dreamweaver MX2004视频宝典教程(4) 网页布局
Dreamweaver MX2004视频宝典教程(8) Dreamweaver文档使用
Dreamweaver MX2004视频宝典教程(10) 菜单概述
Dreamweaver MX2004视频宝典教程(3) 网页的基本元素
Dreamweaver MX2004视频宝典教程(6) HTML与渲染
Dreamweaver MX2004视频宝典教程(1) 课程简介
Dreamweaver MX2004视频宝典教程(2) 网站与网页的概述

Dreamweaver 中的 DW MX实例:插入交替图像按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 48 ::
收藏到网摘: n/a

  Flash 中的交替图像按钮一直是网页爱好者喜欢的动画按钮,在 Dreamweaver 中只需要几步简单的操作,就可以制作出这些极具动感的交替图像按钮,而且占用空间少。

  
Dreamweaver


  效果说明 建立一组相互交替的图像,当鼠标移至目标图像上时,会显示出另外一幅图像,就像会动的按钮,既动感,又时尚,如图 49-1 所示,实际效果请欣赏随书光盘中《 Dreamweaver MX 2004 100 例》目录下的《实例 49 -插入交替图像按钮》。

  创作思想 打开 Dreamweaver MX 2004 软件,执行【插入】   【图像对象】   【鼠标经过图像】命令,或者单击工具栏中 下拉菜单里的【鼠标经过图像】命令,按要求进行设置,最后保存文件完成制作。

  操作步骤

  ( 1 )打开 Dreamweaver MX 2004 软件新建文件。

  ( 2 )可以用两种方式制作出交替图像按钮,如图 49-2 所示。

  
Dreamweaver


  ( 3 )打开【插入鼠标经过图像】对话框,按图 49-3 所示进行设置,选择图像文件。

  
Dreamweaver


  提示:在图中的第 1 、 2 小步中单击【浏览】按钮,可以重新选择图像的位置。

  ( 4 )按快捷键 Ctrl+S 保存文件。本实例操作完毕。交换按钮如果结合按钮特效,效果将会更好。