DW使鼠标通过图像放大的鼠标离开图像,回到原来的形状。

DW使鼠标通过图像放大的鼠标离开图像,回到原来的形状。
有许多种类的Web图像效果,在图像的鼠标,可以有更大的画面或画面切换效果,在一些网购平台上我们可以看到鼠标将被放置在一个商品,商品图片可能会改变或成为商品的其他角度的图像,这其实是两个简单的鼠标在图片效果在Dreamweaver中,可以很容易地实现,以下介绍Xiaobian在图像放大图像从老鼠回来看效果的方法DW鼠标!

源材料uff1a
操作步骤
1、开放的数据仓库软件,新的HTML然后打开布局的性质,我们添加了一个用于放置我们的照片APDIV;

2、插入1行3列APDIV;形式;

3,然后插入图片在3列的表,每个图像大小设置宽度300px,高300px从左到右依次形象的名字是A、B、C

4,我把中间的图片为例,选择中间的图像(叫B),打开行为mdash;mdash;改变物业;

5。一个窗口被弹出,每个人都被设置在上面。
注:宽度应大于原来,以便图像放大效果可以显示出来。

6、触发行为改为onmouseover,即当鼠标放在图片上,图片的宽度将变为600。

7、再次打开行为mdash;mdash;改变物业设立了该程序的一步,但这一次我们需要改变高度尺寸,和相同的高度值要比以前大了。

8、触发行为改为onmouseover,即当鼠标放在图片上,图片的高度将变为600。

9,有两个动作要添加。根据上述方法,其目的是在鼠标离开图片时将图片恢复到原来的大小。
注意:修改触发行为时,即当鼠标放在图片上,图片的高度将恢复到300。

10、保存、预览;
老鼠经过,照片变大了。

鼠标离开,画面恢复正常。

在本教程的最后,上面介绍的是DW扩展鼠标并在创建鼠标后将图像恢复到原来的形状。操作非常简单。你可以按照上面的步骤操作,希望能对你有所帮助。
注:本篇文章是根据原文的实际经验转载的,请注明来源。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部