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

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

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

(0)

相关推荐

  • Dreamweaver中怎么设置鼠标经过更换图片特效

    Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具.它使用所见即所得的接口,亦有HTML编辑的功能.它现在有Mac和Windows系统的版本.随Macromedia被Ad ...

  • 有些朋友在DW里做的鼠标经过更换图片浏览不显示

    很多朋友在DW里做的网页用鼠标经过更换图片,通过F12浏览结果发现图片并未变化,在此详细介绍一下方法. 操作方法 01 先将网页做好,并通过菜单栏,插入-图像对像-鼠标经过图像 02 原始图像和鼠标经 ...

  • dreamweaver如何制作鼠标经过时图片放大效果

    在一些商品展示页面,经常有下图所示的效果,当鼠标放到图片上的时候,图片就会放大(如下面第一幅图),当鼠标离开图片的时候,图片就恢复到原来的大小(如下面第二幅图),这种效果就是给图片添加了onmouse ...

  • 会声会影遮罩图片特效案例制作

    从某种角度来说,在会声会影中,转场就是一种特殊的滤镜效果,它可以再两个图像或视频素材之间创建某种过渡效果,运用转场效果,可以让素材之间的过渡效果更见生动、美丽。现在我们就来学习会声会影教程:遮罩图片特 ...

  • js如何实现鼠标点击更换图片

    js如何实现鼠标点击更换图片 操作方法 01 新建html文件,引入图片,为图片设置id 02 效果如图 03 创建js脚本,新建函数鼠标点击效果,引入图片 04 新建函数鼠标离开效果,引入图片 05 ...

  • 如何在PS软件中更换图片背景颜色?

    相信很多小伙伴在日常办公中都会用到PS软件,在其中如何才能更换图片背景颜色呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开电脑上的PS软件.进入后,点击页面上端的"文件&q ...

  • 如何用PS更换图片背景

    PS是一款功能强大的图片编辑软件,有些新用户不知道如何用PS更换图片背景,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开电脑中的[PS]软件,导入需要编辑的图片.2. 第二步 ...

  • 怎么用Excel更换图片背景色

    Excel通常被用来统计各类数据,很多人不知道怎么用Excel更换图片背景色,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步鼠标右键单击桌面空白处,在弹出的菜单栏中根据下图所示, ...

  • wps文字中如何快速更换图片?

    在wps文字进行图片的编辑时,最初更换图片时,只知道重新插入新的图片,最近才发现,原来wps文字中也可以快速更换新的图片,不需要重新插入图片.那么,如何快速更换新的图上呢? 操作方法 01 下图是正在 ...