<b>Dreamweaver 4 简明教程(8、为网页增添互动效果)</b>[DW设计]

8、为增添互动效果

　　制作简单的互动效果


　　在上常常看到这样的效果,当鼠标移到一张图片上的时刻,本来的图片就切换为另一张图片,鼠标移开后,又恢答复来的边幅,是怎么做的呢?在开篇的时刻,提到比FrontPage优胜的此中一个地方是能做出能具互动性的.目前,我们就操纵制作这个最简单的互动效果——变更图片.


　　预备两张大小相同的图片,一张是鼠标还没有移上的状况,另一张是鼠标移上去后的图片,比方以下两图,左图是一个突出的按钮,右图是一个凹下的按钮:

 

　　点击对象面板上的 ,看到以下的对话框:

 

　　① Image Name:变更图片效果的标志名称,会自动分配;

　　② Original Image:指定原始的图片,（比方这里是突出的图）

　　③ Rollover Image:指定鼠标移上去后的图片（比方这里是凹下的图）;

　　④ Url:图片的链接网址;


　　比方按照上图的设置完毕后,按下OK,然后可以按F12预览一下效果了.