1、在网站文件夹放入两种图片,一张是之前显示的图片,一张是鼠标经过后显示的另一张图片。
![Dreamweaver学习:[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/47bf594ec28333bf970ef8fcdbb8b43ea9db1d75.jpg)
2、打开Dreamweaver,新建一个新的html文件,点击插入菜单下的图像对象\鼠标经过图像。打开对话框。
![Dreamweaver学习:[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/340e4eb8b43ea8dbe6ab3781189c2cf7deb21675.jpg)
![Dreamweaver学习:[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/560be432939c2cf76a5311aa452c5b1b1fde1275.jpg)
3、在对话框的原始图像选择需要刚开始在网页上显示的图像,在鼠标经过图像选择需要变化的图像。
![Dreamweaver学习:[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/dd58d02c5b1b1ede4e3d6d8a981fceecd2d90f75.jpg)
4、在替换文本中输入显示的文本,在前往的url输入网址,即点即图像的连接网址。
![Dreamweaver学习:[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/f59dbe39131fceec6d38a4c679c4ec9958430b75.jpg)
5、按f12查看显示效果,鼠标经过时的效果,以及点击图像后的效果。
![Dreamweaver学习:[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/cfadcdd96975f2c42d7894f08f0148fe1f420675.jpg)
![Dreamweaver学习:[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/f385f299594304018c1fd3f1d66b04d148290575.jpg)
![Dreamweaver学习:[11]鼠标经过更换图片特效](https://exp-picture.cdn.bcebos.com/49bf00425d6b04d181c8573bb213e8e5edee0175.jpg)
时间:2024-10-12 08:18:53
1、在网站文件夹放入两种图片,一张是之前显示的图片,一张是鼠标经过后显示的另一张图片。
2、打开Dreamweaver,新建一个新的html文件,点击插入菜单下的图像对象\鼠标经过图像。打开对话框。
3、在对话框的原始图像选择需要刚开始在网页上显示的图像,在鼠标经过图像选择需要变化的图像。
4、在替换文本中输入显示的文本,在前往的url输入网址,即点即图像的连接网址。
5、按f12查看显示效果,鼠标经过时的效果,以及点击图像后的效果。