点击更换图片，再次点击，图片回归原样
2018-03-14 20:25
183 查看
注意：主要是用一个变量b来存放if条件句里放的值，最开始为1，此时表示if的值成立，然后图片进行第一次改变。此时另b变为0，再次点击，此时if的条件不成立，则执行else的内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>点击改变图片</title>
</head>
<script>
window.onload=function(){
var img1 = document.getElementById('img1');
var b=1;
img1.onclick=function(){
if(b){
img1.src="img/2.jpg";
b--;
}else{
img1.src="img/1.jpg";
b=1;
}
}
};
</script>
<body>
<img id='img1' src="img/1.jpg" />
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 初学ToggleButton 点击按钮，更换按钮背景图片；再次点击，恢复之前背景图
- 初学ToggleButton 点击button，更换button背景图片；再次点击，恢复之前背景图
- 点击是图片变大，再次点击图片恢复原样
- 点击图片进行放大，再次点击就缩小到原来的地方
- HttpServletResponse getOutputStream 点击超链接更换图片(需要js函数的配合)
- 高仿新浪点击图片放大(可以拖动，动态缩小放大，以及再次点击图片消失和保存图片的功能)
- js点击更换背景颜色或图片的实例代码
- js点击图片更换头像，input file
- 导航页面，三张图片后点击进入主页面 第一次显示导航再次访问不显示导航页面sharedPreference
- 通过点击按钮-更换JPanel的背景图片
- html:点击图片放大到全屏，再次点击缩回
- js 点击图片出来放大弹窗，再次点击还原
- iOS-点击图片放大，再次点击返回原视图 类似查看相册的功能
- android 点击按钮更换图片
- 点击图片更换验证码
- 点击按钮更换图片(图片按钮)(要加协议UIImagePickerControllerDelegate)
- android bundle 在activity之间传递数据 点击一组图片放大，再次点击恢复
- cocos2d-iphone 点击菜单项更换菜单项图片，点击其他的还原原图片
- js实现点击更换图片
- 关于IOS某图片添加控件，图片从相册或拍照保存后，再次进入时点击放大图无法显示的问题