在一些商场的商品展示页面，当鼠标放到图片上，图片会放大，当鼠标离开图片，图片恢复到原来的大小，这种效果是添加图片鼠标，请看详细的生产过程中！





打开DW，首先修改页面属性，将页面改为灰色，适合图片显示。


开放式的布局属性，我们添加一个APDIV持有我们的图片


该APDIV设置在宽度和高度分别为800和299，与溢流设置为隐藏，图片不会影响整体布局。


然后添加一个APDIV，设置宽度和高度，和位置在第一APDIV中间，如图所示


然后插入一个包含1行和5列的表，放置五张照片，并将表的宽度设置为100%。


插入五张图片，如图所示，以便形成基本的图片显示栏，然后放大效果在图片通过时完成。


选择一张图片，在属性栏中，添加一个ID，如IM1，


然后将行为添加到图片中，如图所示，单击Add按钮，打开一个列表，选择{属性}


打开对话框以更改属性。单元类型的选择IMG和ID为IM1设置现在，选择属性{投入}，填写宽度，这是画面的宽度属性的新值设置为300。


修改触发行为onmouseover，即当鼠标放在图片上，图片的宽度将变为300


然后添加一个动作，属性集如图所示。其目的是让鼠标放在上面，高度变为150。


还有两个动作要加。我们别提这个了。根据上述方法，其目的是在鼠标离开图片时将图片恢复到原来的大小。


好的，将所有四个动作添加到所有图片，所以当鼠标放置在顶部时，它会看到下面的第一幅图片。当鼠标离开时，它会看到下面的第二张图片。






流行版本类型推荐
下载地址


Dreamweaver MX 2004官方中文版
点击下载


Dreamweaver CS3（DW CS3）简体中文版（50m）
点击下载


Dreamweaver CS4官方简体版采用官方原版安装模式/激活
点击下载


Dreamweaver CS3、Flash CS3 / PS图象处理软件cs3注册机注册机} { Adobe CS3
点击下载


Dreamweaver CS3简体中文精简优化版{修改CPU高的问题}
点击下载


Dreamweaver8中文绿色版（无需安装需要安装）
点击下载


Dreamweaver v8.0简体中文版（带注册机+ 8.02补丁）
点击下载


网页三剑客CS5官方简体中文正式版注册机的版本
点击下载