当前位置: 开发笔记 > 编程语言 > 正文

JS单击图片更换图片如何再单击在更换回来？

作者：jrs2078148 | 来源：互联网 | 2023-10-13 12:39

就是在两张图片之间来回切换，点一次按钮变一次。<html><head><scriptlanguagejavascript>function

就是在两张图片之间来回切换，点一次按钮变一次。

怎么改呢？

想不好，新手。。。

6 个解决方案

#1

我只是写了个样本。。img.src == "2.jpg"这里需要图片的真实路径。。自己改改吧。。

#2

方法很多，
你用js写的话，最直观的就是直接if else判断，
当然高级一点，你可以这样写

#3

在函数dowith()里面给img.src赋值前先判断一下，如果是1.jpg就改为2.jpg ;如果它的值是2.jpg，就改为1.jpg
试试

#4

2楼的，应该很有用，但是我试过了，转换不了，跳过去就转不会来了。

#5

3楼的方法成功了，只是想不通为什么2楼的没效果呢？我用搜狗IE火狐3个浏览器都试过了。

#6


 src2="https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/13.gif" />

推荐阅读

get
Redux入门指南

本文介绍Redux的基本概念和工作原理，帮助初学者理解如何使用Redux管理应用程序的状态。Redux是一个用于JavaScript应用的状态管理库，特别适用于React项目。 ... [详细]

蜡笔小新 2024-12-22 10:04:31
js
Python 内存管理机制详解

本文深入探讨了Python的内存管理机制，涵盖了垃圾回收、引用计数和内存池机制。通过具体示例和专业解释，帮助读者理解Python如何高效地管理和释放内存资源。 ... [详细]

蜡笔小新 2024-12-22 19:27:56
数组
JavaScript 中创建对象的多种方法

本文详细介绍了 JavaScript 中创建对象的几种常见方式，包括对象字面量、构造函数和 Object.create 方法，并提供了示例代码和属性描述符的解释。 ... [详细]

蜡笔小新 2024-12-22 16:40:51
js
实用正则表达式有哪些

小编给大家分享一下实用正则表达式有哪些，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下 ... [详细]

蜡笔小新 2024-12-22 13:59:04
io
12月16日JavaScript变量、函数、流程、循环等***线上九期班

12月16日JavaScript变量、函数、流程、循环等***线上九期班 ... [详细]

蜡笔小新 2024-12-22 12:11:30
get
云函数与数据库API实现增删查改的对比

本文将深入探讨使用云函数和数据库API实现数据操作（增删查改）的不同方法，通过详细的代码示例帮助读者更好地理解和掌握这些技术。文章不仅提供代码实现，还解释了每种方法的特点和适用场景。 ... [详细]

蜡笔小新 2024-12-22 00:56:21
get
字符串中特定字符的移除方法

本文介绍如何从字符串中移除大写、小写、特殊、数字和非数字字符，并提供了多种编程语言的实现示例。 ... [详细]

蜡笔小新 2024-12-22 00:08:06
io
中科院学位论文排版指南

随着毕业季的到来，许多即将毕业的学生开始撰写学位论文。本文介绍了使用LaTeX排版学位论文的方法，特别是针对中国科学院大学研究生学位论文撰写规范指导意见的最新要求。LaTeX以其精确的控制和美观的排版效果成为许多学者的首选。 ... [详细]

蜡笔小新 2024-12-22 21:21:03
数组
2018-2019学年第六周《Java数据结构与算法》学习总结

本文总结了2018-2019学年第六周在《Java数据结构与算法》课程中的学习内容，重点介绍了非线性数据结构——树的相关知识及其应用。 ... [详细]

蜡笔小新 2024-12-22 16:43:19
io
Coursera ML 机器学习

2019独角兽企业重金招聘Python工程师标准线性回归算法计算过程CostFunction梯度下降算法多变量回归![选择特征](https:static.oschina.n ... [详细]

蜡笔小新 2024-12-22 16:09:09
header
使用Fetch进行HTTP请求的基本示例

本文介绍了如何使用JavaScript的Fetch API与Express服务器进行交互，涵盖了GET、POST、PUT和DELETE请求的实现，并展示了如何处理JSON响应。 ... [详细]

蜡笔小新 2024-12-22 12:55:37
get
java controller 继承_继承在Spring RestController

我有一个SpringRestController，它处理API调用的版本1。继承在SpringRestControllerpackagerest.v1;RestCon ... [详细]

蜡笔小新 2024-12-22 11:37:59
get
简化报表生成：EasyReport工具的全面解析

本文详细介绍了EasyReport，一个易于使用的开源Web报表工具。该工具支持Hadoop、HBase及多种关系型数据库，能够将SQL查询结果转换为HTML表格，并提供Excel导出、图表显示和表头冻结等功能。 ... [详细]

蜡笔小新 2024-12-22 11:11:28
get
深入理解Vue.js：从入门到精通

本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例，帮助开发者全面掌握这一流行的前端框架。 ... [详细]

蜡笔小新 2024-12-22 11:07:54
js
提升代码可读性的关键要素

本文总结了优化代码可读性的核心原则与技巧，通过合理的变量命名、函数和对象的结构化组织，以及遵循一致性等方法，帮助开发者编写更易读、维护性更高的代码。 ... [详细]

蜡笔小新 2024-12-22 02:51:51

jrs2078148

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章