DreamWeaver鼠标经过图像变大及更换图片特效怎么制作？

在网页上制作图片的特效有很多种，其中鼠标经过图片可以放大图片或者切换图片。在一些网购平台上，当鼠标放在产品上时，我们可能会看到产品的图片。它可能会变大或成为产品其他角度的图片。这其实就是鼠标传递图片的两个比较简单的特效，可以在DreamWeaver中轻松实现。下面我们来看看DreamWeaver鼠标传递图片放大替换。如何制作图片特效。

DreamWeaver 鼠标悬停在图像上会变大

1、打开Dreamweaver，先修改页面属性，将页面修改为灰色，适合图片展示

2、打开布局属性，我们添加一个apdiv来存放我们的图片

3、将apdiv的宽度和高度分别设置为800和299，并将溢出设置为隐藏，这样图片放大后不影响整体布局

4、 然后再添加一个apdiv，设置好宽高，放在第一个apdiv中间，

5、然后插入一个1行5列的表格来放置五张照片，并将表格宽度设置为100%

6、插入五张图片，如图，这样就形成了一个基本的图片展示栏，然后图片经过时的放大效果。

7、选择一张图片，在属性栏中给它添加一个id，比如im1，

8、然后给图片添加行为，如图，点击添加按钮打开一个列表，选择【更改属性】

9、打开更改属性对话框，选择元素类型为img，ID为刚刚设置的im1，属性选择[input]，填入width，这是图片的width属性，新的值为设置为 300

10、 修改触发行为为onmouseover，即鼠标放在图片上时，图片的宽度会变为300

11、 然后再添加一个行为，属性设置如图，目的是将鼠标放在上面时高度改为150

12、 还有两个行为要添加，这里不提了。按照上面的方法，目的是在鼠标离开图片时将图片恢复到原来的大小，如图：

13、好的，把这四个行为加到所有的图片上，这样鼠标放在上面的时候，你会看到下面的第一张图片，当鼠标离开的时候，你会看到下面的第二张图片图

更改图片后的 DreamWeaver 鼠标

在“插入”菜单中的“图像对象”下选择“鼠标悬停在图像上”，如下图所示。

在弹出框中，我们可以看到“原始图像”和“鼠标悬停在图像上”项。

选择网页中的初始显示图片和鼠标悬停时出现的图片后，点击确定按钮。

此时，我们已经设置了这个效果。

总结：以上就是使用DreamWeaver制作鼠标悬停在图片上的所有特效方法。如果您想了解有关 DreamWeaver 使用教程的更多信息，可以关注 Dreamweaver。

我推荐：

Dreamweaver.exe-如何解决应用程序错误？

Dreamweaver CS6 的属性面板显示不全怎么办？

如何在 Dreamweaver CS6 中设置默认预览浏览器？

更多Adobe DreamWeaver cs6教程，尽在建站软件///special/websitesoft

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-380325-1.html