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

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" />

推荐阅读

function
PHP与MySQL实现高效分页查询

本文探讨了如何在PHP与MySQL环境中实现高效的分页查询，包括基本的分页实现、性能优化技巧以及高级的分页策略。 ... [详细]

蜡笔小新 2024-11-22 05:45:48
function
优化 DOM 以提升 JavaScript 性能

本文探讨了如何通过优化 DOM 操作来提升 JavaScript 的性能，包括使用 `createElement` 函数、动画元素、理解重绘事件及处理鼠标滚动事件等关键主题。 ... [详细]

蜡笔小新 2024-11-21 18:16:19
function
Struts2 + json+ jquery 实现三级联动action和jsp代码竟然有小红叉，提示缺双引号，检查了转义符号也没缺啊，求解

publicclassBindActionextendsActionSupport{privateStringproString;privateStringcitString; ... [详细]

蜡笔小新 2024-11-21 16:25:41
function
深入解析JQuery Mobile特有的事件与方法

本文详细介绍了JQuery Mobile框架中特有的事件和方法，帮助开发者更好地理解和应用这些特性，提升移动Web开发的效率。 ... [详细]

蜡笔小新 2024-11-21 14:24:21
function
使用jQuery操作多个div的显示与隐藏

本文介绍了如何利用jQuery实现对网页上多个div元素的显示与隐藏控制，包括基本的toggle方法及更复杂的显示隐藏逻辑。 ... [详细]

蜡笔小新 2024-11-21 19:38:53
uri
IC卡操作功能实现

本文介绍了如何通过C#语言调用动态链接库（DLL）中的函数来实现IC卡的基本操作，包括初始化设备、设置密码模式、获取设备状态等，并详细展示了将TextBox中的数据写入IC卡的具体实现方法。 ... [详细]

蜡笔小新 2024-11-21 11:02:19
function
解决JavaScript中法语字符排序问题

在开发一个使用JavaScript、HTML和CSS的Web应用时，遇到从SQLite数据库中提取的法语词汇排序不正确的问题，特别是带重音符号的字母未按预期排序。 ... [详细]

蜡笔小新 2024-11-21 09:08:57
function
H5技术实现经典游戏《贪吃蛇》

本文将分享一个使用HTML5技术实现的经典小游戏——《贪吃蛇》。通过H5技术，我们将探讨如何构建这款游戏的两种主要玩法：积分闯关和无尽模式。 ... [详细]

蜡笔小新 2024-11-21 20:16:59
list
解决iOS应用推送通知错误：未找到有效aps-environment权限

在尝试加载支持推送通知的iOS应用程序的Ad Hoc构建时，遇到了‘no valid aps-environment entitlement found for application’的错误提示。本文将探讨此错误的原因及多种可能的解决方案。 ... [详细]

蜡笔小新 2024-11-21 19:26:31
header
SIP基础概览

本文介绍了SIP（Session Initiation Protocol，会话发起协议）的基本概念、功能、消息格式及其实现机制。SIP是一种在IP网络上用于建立、管理和终止多媒体通信会话的应用层协议。 ... [详细]

蜡笔小新 2024-11-21 17:42:08
function
vue绑定css、style

1.绑定htmlcss1.1对象语法：　　传给v-bind:class一个对象，以动态地切换class　　 ... [详细]

蜡笔小新 2024-11-21 09:36:26
int
Nginx 配置下 Chrome 和 Firefox 对静态资源缓存处理差异

在使用 Nginx 作为服务器时，发现 Chrome 能正确从缓存中读取 CSS 和 JS 文件，而 Firefox 却无法有效利用缓存，导致加载速度显著变慢。 ... [详细]

蜡笔小新 2024-11-21 19:57:43
install
如何在Ember.js中使用HBS模板

本文介绍了.hbs文件作为Ember.js项目中的视图层，类似于HTML文件的功能，并详细讲解了如何在Ember.js应用中集成Bootstrap框架及其相关组件的方法。 ... [详细]

蜡笔小新 2024-11-21 18:50:46
bit
UVALive 8201 - BBP 公式计算圆周率

在1995年，Simon Plouffe 发现了一种特殊的求和方法来表示某些常数。两年后，Bailey 和 Borwein 在他们的论文中发表了这一发现，这种方法被命名为 Bailey-Borwein-Plouffe (BBP) 公式。该问题要求计算圆周率 π 的第 n 个十六进制数字。 ... [详细]

蜡笔小新 2024-11-21 18:32:57
int
Beetl模板引擎初探

Beetl是一款先进的Java模板引擎，以其丰富的功能、直观的语法、卓越的性能和易于维护的特点著称。它不仅适用于高响应需求的大型网站，也适合功能复杂的CMS管理系统，提供了一种全新的模板开发体验。 ... [详细]

蜡笔小新 2024-11-21 16:57:10

jrs2078148

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

Tags | 热门标签

RankList | 热门文章