网页制作中,经常会用到一些图片显示的特效,比如当鼠标经过图片时,该图片会变大,当鼠标离开图片时,该图片又恢复到原来的大小,这样的特效该如何设置呢?一起来学习吧。
工具/原料
Dreamweaver
方法/步骤
1
打开Dreamweaver,设酱芬置背景颜色。
2
插入一个两行四列的表格。
3
合并第一行,并输入文本,修改单元格的背景驼侵颜色和高度,设置文本的属性。
4
在下面的表格中分别插入已经准备好了的图片。并设置合适的图片大小。
5
选择图片,点击插入\行为,打开行为窗口,点击添加行为中的改变属性。 选择img。
6
选择好需要改变属性的图片,在输入内输入宽,在值内输入需要更改的宽的值。调整事件到onmouseover。在篇捧泛同样的设置要改变的高。
7
在按照刚才的方法,分别设置两个行为,事件都是onmouseout,也说就是鼠标移开,动作就是恢复原来的高和宽,也就是把高和宽设置为原来的值就好了。
8
这样,这张图片的更改属性的特效就全部做好了,其他三张图片也一样设置就ok了。