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

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

操作方法

  • 01

    新建html文件,引入图片,为图片设置id

  • 02

    效果如图

  • 03

    创建js脚本,新建函数鼠标点击效果,引入图片

  • 04

    新建函数鼠标离开效果,引入图片

  • 05

    为img添加鼠标点击和鼠标离开事件

  • 06

    预览效果如图,鼠标点击时,图片发生改变

  • 07

    鼠标离开时,图片发生改变

(0)

相关推荐

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

    鼠标经过更换图片特效是指在网页中先显示一张图片,当鼠标移动到这张图片时,图片更换为另一种图片的效果.一起学习如何实现这个效果. 操作方法 01 在网站文件夹放入两种图片,一张是之前显示的图片,一张是鼠 ...

  • PPT鼠标点击图片放大效果怎么实现?

    ppt中可以制作简单的动画效果,该怎么制作鼠标点击放大的效果呢?下面我们就来看看详细的教程. 1.我们先打开PPT,然后在PPT中插入三张图片,如下图所示 2.然后选中一个图片的话我们点击顶部的动画菜 ...

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

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

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

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

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

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

  • Excel中如何设置鼠标经过时显示图片

    要实现Excel表格中鼠标指向单元格就出现相关图片的互动效果,只要通过Excel2007的添加图片批注功能就可以轻松做到。 下面,我们以制作产品列表为例,展示具体的添加图片方法。 鼠标指向单元格,自动 ...

  • Win10系统电脑鼠标点击文件夹没反应该怎么办?

    Win10系统电脑鼠标点击文件夹没反应该怎么办?win10系统鼠标打不开文件,单击文件夹没有反应,鼠标放到别的笔记本就可以使用,在鼠标没有坏的前提下,可能是win10系统注册表被修改了,下面分享详细的 ...

  • Win7系统鼠标指针怎么更换

      Win7系统鼠标指针怎么更换 1.点击开始再选择控制面板. 2.进入控制面板,选择鼠标. 3.进入鼠标对话框,选择指针. 4.然后就可以看到方案,在这里面有很多系统方案(当然这个你自己也可以添加) ...

  • i排版微信编辑器怎么更换图片 i排版图片替换的方法介绍

    i排版除了为广大用户提供了非常实用的字体排版功能之外,还提供了非常丰富的图片编辑功能,支持图片替换.拼图.GIF图导入等功能,那么i排版怎么更换图片呢?接下来小编就为大家带来解答. 替换方法: 1.用 ...