如何在Windows 10控制您的鼠标滚动速度,这篇经验可以帮助你改变你的Widow10计算机上的鼠标设置，以增加你的鼠标滚动速度为您节省时间和手指的疲劳。具体方法如下：......
Dreamweaver学习：[11]鼠标经过更换图片特效
来源：互联网
2023-03-03 11:27:35 96
鼠标经过更换图片特效是指在网页中先显示一张图片，当鼠标移动到这张图片时，图片更换为另一种图片的效果。一起学习如何实现这个效果。
工具/原料
- Dreamweaver
方法/步骤
在网站文件夹放入两种图片，一张是之前显示的图片，一张是鼠标经过后显示的另一张图片。
![Dreamweaver学习：[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/47bf594ec28333bf970ef8fcdbb8b43ea9db1d75.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
打开Dreamweaver，新建一个新的html文件，点击插入菜单下的图像对象\鼠标经过图像。打开对话框。
![Dreamweaver学习：[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/340e4eb8b43ea8dbe6ab3781189c2cf7deb21675.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![Dreamweaver学习：[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/560be432939c2cf76a5311aa452c5b1b1fde1275.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
在对话框的原始图像选择需要刚开始在网页上显示的图像，在鼠标经过图像选择需要变化的图像。
![Dreamweaver学习：[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/dd58d02c5b1b1ede4e3d6d8a981fceecd2d90f75.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
在替换文本中输入显示的文本，在前往的url输入网址，即点即图像的连接网址。
![Dreamweaver学习：[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/f59dbe39131fceec6d38a4c679c4ec9958430b75.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
按f12查看显示效果，鼠标经过时的效果，以及点击图像后的效果。
![Dreamweaver学习：[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/cfadcdd96975f2c42d7894f08f0148fe1f420675.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![Dreamweaver学习：[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/f385f299594304018c1fd3f1d66b04d148290575.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![Dreamweaver学习：[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/49bf00425d6b04d181c8573bb213e8e5edee0175.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： DREAMWEAVER鼠标
相关文章
