如何添加网页特效(二)

 时间:2024-11-14 09:26:29

如何运用Dreamweaver在制作网殳陌抻泥页的过程中添加网页特效是很重要的一步,一个好的网站不仅需要丰富多彩的内同柙丕牌容,更需要得当的网页特效来使其更加的具有吸引力。下面小编就为大家介绍一下第二种网页特效——图像的增大收缩效果。

工具/原料

Dreamweaver

方法/步骤

1、1.首先打开Dreamweaver,新建空白网页,插入要编辑的图片。2.在菜单栏“窗口”栏中找到标签检查器(或者直接按F9)打开标签检查器工作面板。

如何添加网页特效(二)

如何添加网页特效(二)

如何添加网页特效(二)

如何添加网页特效(二)

2、3.在标盘份益巩签检查器工作面板中选择”行为“,”行为“界面下我们可以看到”+“按钮,点击添加”增大/收缩“行为。4.设置效果参数,确认效果为图片”增大“,设置自己需醐肛们亲要的放大程度,点击确认。5.设置这个增大效果发生的“行为”条件——onclick(即当鼠标点击图片时,图片放大)6.同样的方法设置缩小效果,但缩小图片这个“行为”发生的条件变为——onmouseout(即当鼠标离开图片时,图片缩小)

如何添加网页特效(二)

如何添加网页特效(二)

如何添加网页特效(二)

如何添加网页特效(二)

如何添加网页特效(二)

3、7.在菜单栏“文件”中选择保存网页。8.打开网页进行效果预览。(如图所示)。

如何添加网页特效(二)

如何添加网页特效(二)

如何添加网页特效(二)

html+css怎么实现横向导航 FrontPage技巧:[15]如何在网页中制作表格框架 div+css制作表格(1)”div“应用 HTML中的box如何定义上边距 如何在html中添加音频文件
热门搜索
恙虫图片 地震图片 重阳节图片 ps怎么旋转图片 辛亥革命图片