Dreamweaver学习:[11]鼠标经过更换图片特效

 时间:2024-10-01 12:23:43

鼠标经过更换图片特效是指在网页中先显示一张图片,当鼠标移动到这张图屡阽咆忌片时,图片更换为另一种图片的效果。一起学习如何实现这个效果。

工具/原料

Dreamweaver

方法/步骤

1、在网站文件夹放入两种图片,一张是之前显示的图片,一张是鼠标经过后显示的另一张图片。

Dreamweaver学习:[11]鼠标经过更换图片特效

2、打开Dreamweaver,新建一个新的丝群闻栝html文件,点击插入菜单下的图像对象\鼠标经过图像。打开对话框。

Dreamweaver学习:[11]鼠标经过更换图片特效

Dreamweaver学习:[11]鼠标经过更换图片特效

3、在对话框的原始图像选择需要刚开始在网页上显示的图像,在鼠标经过图像选择需要变化的图像。

Dreamweaver学习:[11]鼠标经过更换图片特效

4、在替换文本中输入显示的文本,在前往的url输入网址,即点即图像的连接网址。

Dreamweaver学习:[11]鼠标经过更换图片特效

5、按f12查看显示效果,鼠标经过时的效果,以及点击图像后的效果。

Dreamweaver学习:[11]鼠标经过更换图片特效

Dreamweaver学习:[11]鼠标经过更换图片特效

Dreamweaver学习:[11]鼠标经过更换图片特效

Dreamweaver第一步,如何新建站点? Dreamweaver如何插入图片?? Dreamweaver怎么输入文本并设置文本样式? 怎样用DreamWeaver实现多种html的切换 用Flash打造阴影文字效果
热门搜索
搜狗图片搜索 数字图片 水母图片 苹果手机壁纸图片大全 青山绿水图片