Dreamweaver：[43]网页制作之更改网页属性

来源：互联网 2023-02-21 21:22:45 版权归原作者所有，如有侵权，请联系我们

网页制作中，经常会用到一些图片显示的特效，比如当鼠标经过图片时，该图片会变大，当鼠标离开图片时，该图片又恢复到原来的大小，这样的特效该如何设置呢？一起来学习吧。

工具/原料

打开Dreamweaver，设置背景颜色。

插入一个两行四列的表格。

Dreamweaver：[43]网页制作之更改网页属性

合并第一行，并输入文本，修改单元格的背景颜色和高度，设置文本的属性。

Dreamweaver：[43]网页制作之更改网页属性

在下面的表格中分别插入已经准备好了的图片。并设置合适的图片大小。

Dreamweaver：[43]网页制作之更改网页属性

4该信息未经授权抓取自百度经验

选择图片，点击插入行为，打开行为窗口，点击添加行为中的改变属性。选择img。

Dreamweaver：[43]网页制作之更改网页属性

选择好需要改变属性的图片，在输入内输入宽，在值内输入需要更改的宽的值。调整事件到onmouseover。在同样的设置要改变的高。

Dreamweaver：[43]网页制作之更改网页属性

在按照刚才的方法，分别设置两个行为，事件都是onmouseout，也说就是鼠标移开，动作就是恢复原来的高和宽，也就是把高和宽设置为原来的值就好了。

Dreamweaver：[43]网页制作之更改网页属性

这样，这张图片的更改属性的特效就全部做好了，其他三张图片也一样设置就ok了。

网页中如何添加可...|下一篇：

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！