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

时间： 2021-07-31 作者：daque

八、为网页填补互动功效　　创造大略的互动功效　　在网页上常常看到如许的功效，当鼠标移到一张图片上的功夫，从来的图片就切换为另一张图片，鼠标移开后，又回复从来的相貌，是如何做的呢？在开篇的功夫，提到dreamweaver比frontpage优越的个中一个场合是dreamweaver能做出能具互动性的网页。此刻，咱们就运用dreamweaver创造这个最大略的互动功效——变幻图片。　　筹备两张巨细沟通的图片，一张是鼠标还没有移上的状况，另一张是鼠标移上去后的图片，比方以次两图，左图是一个杰出的按钮，右图是一个凹下的按钮：

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

　　点击东西面板上的，看到如次的对话框：

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

　　① image name：变幻图片功效的标志称呼，dreamweaver会机动调配；　　② original image：指定原始的图片，（比方这边是杰出的图）　　③ rollover image：指定鼠标移上去后的图片（比方这边是凹下的图）；　　④ url：图片的链接网址；　　比方依照上海图书馆的树立结束后，按下ok，而后不妨按f12预览一下功效了。

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

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

相关推荐

推荐下载

热门阅览

最新排行