JS基础——两张图来回切换

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS基础——两张图来回切换</title>
<script>
window.onload = function(){var oImg = document.getElementById('img');var onOff = true;oImg.onclick = function(){if(onOff){oImg.src = 'http://placehold.it/200x200';onOff = false; }else{oImg.src = 'http://placehold.it/150x150';onOff = true;    }   };};
</script>
</head><body>
<img id="img" src="http://placehold.it/150x150">
</body>
</html>

两张图片来回切换思路：

通过if else语句和自定义开关属性来判断图片切换

JS基础——两张图来回切换相关推荐

unity 平移图片_Unity 两张背景的切换平移
两张背景图片向左移动,当屏幕看见的时候. 使用的是Unity自带的Sprite,当然也可以使用NGUI Sprite using UnityEngine; using System.Collectio ...
OpenCV学习笔记——判断两张图的相似度
判断两张图的相似度方法直方图对比法 ORB算法实验 1.直方图对比法参考如何使用OpenCV3直方图方法进行人脸相似度对比因为我的环境是VS2010+OpenCV2.4.8,所以在原版的基础 ...
Android 应用性能优化（5）---用两张图告诉你，为什么你的App会卡顿?
用两张图告诉你,为什么你的App会卡顿? Cover 有什么料? 从这篇文章中你能获得这些料: 知道setContentView()之后发生了什么? 知道Android究竟是如何在屏幕上显示我们期望的 ...
Origin使两张图重叠展示在一张图上
目录 1.先将两张图的坐标轴修改为相同. 2.删去其中一个图的图例.坐标轴等,仅保留曲线.左轴和下轴的刻度线标签.轴线和刻度线均把显示关闭.并用Delete删去坐标轴名称. 3.选中图形,Ctrl+C ...
Python笔记-使用SSIM找两张图不同及使用Opencv显示
运行截图如下: 这里有几点要注意的: ①对比两张图片的函数SSIM具体是structural_similarity: Ⅰ:第一个参数和第二个参数是要对比的两张图片: Ⅱ:参数中有个full,默认为Tr ...
MATLAB代码：合并两张图
MATLAB 合并两张图,要求大小相同的图,我这里合并两张相同的图. image = imread('docia_one.png') %读取图片 c = [image, image] %图像拼接到矩阵 ...
两张图搞定IJK源码
IJK源码两张图就可以搞定,一张是IJK从播放到停止的代码流程图,一张是IJK的线程模型图
python把两张图不同之处差异显示出来
把两张图不同之处差异显示出来原讨论帖, https://bbs.csdn.net/topics/396114473 最后找到了帖子的原帖, https://www.cnblogs.com/botoo ...
qq批量登录软件_微信能直接登录QQ了？再也不用两款软件来回切换了
聊天的时候有的朋友用微信,有的朋友用QQ,每次都需要两款软件来回切换非常麻烦.这不,微信又又又又有新功能了!现在通过微信也能够登录QQ了.这个功能到底怎么使用又有那些优缺点呢?快和小编一起来看看吧. ...
LaTeX两张图并排显示
一.需要引入的包 \usepackage{caption} % 图片脚注 \usepackage{graphicx} \usepackage{caption} \usepackage{subfigur ...

JS基础——两张图来回切换

JS基础——两张图来回切换相关推荐

最新文章

热门文章