在制作网页的时候经常会用到图像的过渡效果， 比方说图像的交换， 那么如何不写代码就可以实现图像的交换呢？今天在此本人就根据自己的制作过程跟大家交流一下， 同时分享制作步骤和截图， 希望对你有所帮助 。
文章插图
文章插图
工具/原料Dreamweaver cs5
方法/步骤1启动dreamweaver cs5， 执行文件-新建命令， 在弹出的新建文档对话框中， 选择页面类型为html， 点击创建按钮， 进入主界面 。
文章插图
2执行插入-图像命令， 在弹出选择图像源文件对话框中， 找到需要插入图像的位置， 点击确定， 图片就导入到页面中了 。
文章插图
文章插图
3执行窗口-行为命令或者按shift+f4组合键调出行为窗口， 在行为面板中点击添加行为按钮， 接着弹出下拉菜单 。
文章插图
4在下拉菜单中选择交换图像选项， 弹出交换图像对话框， 在该对话框中点击浏览按钮弹出选择图像源文件对话框， 找到需要的图像点击确定按钮 。
文章插图
5返回到交换图像对话框， 在该对话框中勾选预先载入图像， 这样可以解决下载延迟的问题， 这一点尤其重要 。
文章插图
6点击确定按钮， 这个时候在行为面板中你会看到刚才添加的交换图像行为 。
文章插图
7按f12键接着会弹出“是否将改动保存到”提醒信息， 直接点击是， 这是会在浏览器中查看到效果 。
文章插图
8在浏览器中我们会看到第一副图像， 当鼠标经过的时候图像立即会变成第二幅图像 。
文章插图
文章插图
9【网页中图像过渡效果-图像交换】执行文件-另存为命令， 在弹出另存为对话框中输入名称为“交换图像”， 然后找到一个合适的位置进行保存即可 。
文章插图
以上内容就是网页中图像过渡效果-图像交换的内容啦， 希望对你有所帮助哦！
推荐阅读
- 百度统计如何设置网页转化
- 如何在Flash舞台中实时显示鼠标与原点的距离
- 实现小鸟在Flash舞台被击中后消失
- 构造函数在Flash中的定义规则
- 使用构造函数在Flash中传递参数
- Flash中如何用代码实现图形旋转任意角度
- 中国历代饮茶方法，柠檬片泡水喝的功效
- C4D中如何渲染出弹簧变形的动效
- 余额宝中的钱怎么转出来
- 福建 欢迎来到茶博会 加速全球化进程——热烈祝贺“2002中国国际茶叶、茶具及茶文化博览会”开幕，铁观音的功效