Dreamweaver 4 简明教程(八、为网页增添互动效果)--云超网络热线--网络安全|网站源码|技术教程|安全讨论|Asp|Javascript|Html|Oicq|Sql|数据库

	设为首页
	加入收藏
	帮助中心

当前位置：首页 >> 网页设计 >> Dreamweaver >> 正文

资料搜索

热点信息

·DreamweaverMX打造留言本（…
·Ultradev实例教程:5 做一个…
·DreamweaverMX打造留言本（…
·DreamweaverMX打造留言本（…
·在 Dreamweaver 中插入背景…
·在 Dreamweaver 中插入背景…
·DreamweaverMX打造留言本（…
·dreamweaver中网页折叠菜单…
·DreamweaverMX打造留言本（…
·Dreamweaver MX 初探 - 第…

Dreamweaver 4 简明教程(八、为网页增添互动效果)

〖来源：太平洋电脑网 | 作者：Bighead | 编辑：Cloudy | 浏览：人次〗

八、为网页增添互动效果

　　制作简单的互动效果

　　在网页上经常看到这样的效果，当鼠标移到一张图片上的时候，原来的图片就切换为另一张图片，鼠标移开后，又恢复原来的模样，是怎么做的呢？在开篇的时候，提到Dreamweaver比Frontpage优胜的其中一个地方是Dreamweaver能做出能具互动性的网页。现在，我们就利用Dreamweaver制作这个最简单的互动效果——变换图片。

　　准备两张大小相同的图片，一张是鼠标还没有移上的状态，另一张是鼠标移上去后的图片，例如以下两图，左图是一个凸起的按钮，右图是一个凹下的按钮：

　　点击对象面板上的

，看到如下的对话框：

　　① Image Name：变换图片效果的标记名称，Dreamweaver会自动分配；

　　② Original Image：指定原始的图片，（例如这里是凸起的图）

　　③ Rollover Image：指定鼠标移上去后的图片（例如这里是凹下的图）；

　　④ Url：图片的链接网址；

　　例如按照上图的设置完毕后，按下OK，然后可以按F12预览一下效果了。

录入时间：2006-05-09 17:21:55 [打印本页] [关闭窗口] [返回顶部]

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。

本站所收录信息、社区话题、及本站所做之广告均属其个人行为，与本站立场无关