繁體中文当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamweaver 4 简明教程(八、为网页增添互动效果)
- Dreamweaver
- Ultradev实例教程:3.7 创建一个简单的查询
- Ultradev实例教程:4 插件的安装与使用
- Ultradev实例教程:5 做一个相对简单的网站后台(1)
- Ultradev实例教程:5 做一个相对简单的网站后台(2)
- Ultradev实例教程:5 做一个相对简单的网站后台(3)
- Ultradev实例教程:6 Ultradev使用心得
- 在Dreamweaver中插入背景音乐的几种方法
- Dreamweaver中怎样使用模板
- Dreamweaver MX Ultradev探索（前言）
- Dreamweaver MX Ultradev探索(1)
- Dreamweaver MX Ultradev探索(2)
- DreamweaverMX Ultradev探索(3-1)
- DreamweaverMX Ultradev探索(3-2)
- DreamweaverMX Ultradev探索(4-1)
- DreamweaverMX Ultradev探索(4-2)
- Dreamweaver MX Ultradev探索(5-1)
- 轻松打造弹出窗口
- dreamweaver制作可控制的横向滚动
- Dreamweaver MX 打造我们的留言本(一)
- Dreamweaver 4 简明教程(二、初步认识 Dreamweaver)
Dreamweaver 4 简明教程(八、为网页增添互动效果)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-23 浏览: 28 ::
收藏到网摘: n/a
制作简单的互动效果
在网页上经常看到这样的效果，当鼠标移到一张图片上的时候，原来的图片就切换为另一张图片，鼠标移开后，又恢复原来的模样，是怎么做的呢？在开篇的时候，提到Dreamweaver比Frontpage优胜的其中一个地方是Dreamweaver能做出能具互动性的网页。现在，我们就利用Dreamweaver制作这个最简单的互动效果——变换图片。
准备两张大小相同的图片，一张是鼠标还没有移上的状态，另一张是鼠标移上去后的图片，例如以下两图，左图是一个凸起的按钮，右图是一个凹下的按钮：
点击对象面板上的
，看到如下的对话框：
① Image Name：变换图片效果的标记名称，Dreamweaver会自动分配；
② Original Image：指定原始的图片，（例如这里是凸起的图）
③ Rollover Image：指定鼠标移上去后的图片（例如这里是凹下的图）；
④ Url：图片的链接网址；
例如按照上图的设置完毕后，按下OK，然后可以按F12预览一下效果了。
评论 (0) All
