繁體中文当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > DW MX实例：插入交替图像按钮
- Dreamweaver
- Dreamweaver构建Blog全程实录(1)-BLOG功能简介
- Dreamweaver构建Blog(2)-构建开发环境
- Dreamweaver构建Blog全程实录(3)-数据库的设计和连接
- Dreamweaver构建Blog全程实录(4)-首页的实现
- Dreamweaver构建Blog全程实录(5)-分栏及回复的实现
- Dreamweaver构建Blog全程实录(6)-用户注册的实现
- Dreamweaver构建Blog全程实录(7)-用户登录的实现
- Dreamweaver构建Blog全程实录(8)-管理员页面的实现
- Dreamweaver构建Blog全程实录(9)-站点统计
- Dreamweaver构建Blog全程实录(10):事件日历
- Dreamweaver构建Blog全程实录(11)-站内搜索
- Dreamweaver构建Blog全程实录(12)-上传安装
- Dreamweaver便捷技巧方法
- Dreamweaver快速制作细边线表格
- 修改注册表解决Dreamweaver乱码问题
- DreamweaverMX技巧之超链接
- 在DreamWeaver中应用CSS样式表技巧两则
- 用Dreamweaver MX建立一个简单的图书查询系统
- Dreamweaver层使用八定律
- 下拉菜单全攻略之Dreamweaver篇
Dreamweaver 中的 DW MX实例：插入交替图像按钮
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-23 浏览: 53 ::
收藏到网摘: n/a
效果说明 建立一组相互交替的图像，当鼠标移至目标图像上时，会显示出另外一幅图像，就像会动的按钮，既动感，又时尚，如图 49-1 所示，实际效果请欣赏随书光盘中《 Dreamweaver MX 2004 100 例》目录下的《实例 49 －插入交替图像按钮》。
创作思想 打开 Dreamweaver MX 2004 软件，执行【插入】 【图像对象】 【鼠标经过图像】命令，或者单击工具栏中 下拉菜单里的【鼠标经过图像】命令，按要求进行设置，最后保存文件完成制作。
操作步骤
（ 1 ）打开 Dreamweaver MX 2004 软件新建文件。
（ 2 ）可以用两种方式制作出交替图像按钮，如图 49-2 所示。
（ 3 ）打开【插入鼠标经过图像】对话框，按图 49-3 所示进行设置，选择图像文件。
提示：在图中的第 1 、 2 小步中单击【浏览】按钮，可以重新选择图像的位置。
（ 4 ）按快捷键 Ctrl+S 保存文件。本实例操作完毕。交换按钮如果结合按钮特效，效果将会更好。
评论 (0) All
