今天图老师小编给大家展示的是Dreamweaver4简明教程(八、为网页增添互动效果)，精心挑选的内容希望大家多多支持、多多分享，喜欢就赶紧get哦！
【 tulaoshi.com - Web开发 】
八、为网页增添互动效果
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）制作简单的互动效果
在网页上经常看到这样的效果，当鼠标移到一张图片上的时候，原来的图片就切换为另一张图片，鼠标移开后，又恢复原来的模样，是怎么做的呢？在开篇的时候，提到Dreamweaver比Frontpage优胜的其中一个地方是Dreamweaver能做出能具互动性的网页。现在，我们就利用Dreamweaver制作这个最简单的互动效果——变换图片。
准备两张大小相同的图片，一张是鼠标还没有移上的状态，另一张是鼠标移上去后的图片，例如以下两图，左图是一个凸起的按钮，右图是一个凹下的按钮：
点击对象面板上的 ，看到如下的对话框：
① Image Name：变换图片效果的标记名称，Dreamweaver会自动分配；
② Original Image：指定原始的图片，（例如这里是凸起的图）
③ Rollover Image：指定鼠标移上去后的图片（例如这里是凹下的图）；
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）④ Url：图片的链接网址；
来源:https://www.tulaoshi.com/n/20160219/1622117.html
看过《Dreamweaver4简明教程(八、为网页增添互动效果)》的人还看了以下文章 更多>>
