点击图片来回切换图片--2张来回切换
2017-07-06 14:04
579 查看
两张图片来回切换。
html:
<img src="img/1.jpg" alt="" id="img1">
js:
window.onload = function(){ var img1 = document.getElementById('img1'); var onOff = true;//创造一个开关,布尔值,true为1,false为0 img1.onclick = function(){ if(onOff){//如果是真 img1.src = 'img/2.jpg';//图片路径切换为图片2 onOff = false;//并且开关设为假 }else{//如果是假 img1.src = 'img/1.jpg';//图片路径切换为图片1 onOff = true;//并且开关设为真 } } }
相关文章推荐
- 切换点击的图片(一组图片),2张进行切换
- Swift 点击按钮两张图片之间来回切换
- android中Imagebutton实现两张图片之间的点击来回切换
- jq实现点击容器实现2张图片切换(改变src路径)
- GridView + ImageSwitch 图片点击切换
- 点击按钮切换相应的内容,可用于转换图片
- Android ImageSwitcher 图片切换 按钮点击切换
- jquery怎么实现点击一个元素更换背景图片,连续点击永远在2张图片之间更换
- IE6下通过a标签点击切换图片的问题
- Android 点击图片切换(代码与xml)
- 简单的实现点击箭头图片切换的js代码
- IE6下通过a标签点击切换图片的问题
- 点击图片切换相机
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- 用 JS 点击左右按钮 使图片切换
- 通过CSS切换图片效果,点击这个图片可以实现连接功能,这里的图片在一张大图片中,每个并要切换的图片没有切换,通过disposition定位的方式做
- Android 点击图片切换(代码与xml)
- 用Flash做点击页面图片切换效果的超级详细教程
- 原创JS图片放大效果(二) — 多图点击切换,鼠标移上放大
- UIScrollView+UIPageControl+NSTimer实现图片的自动滑动以及用户可手动切换,UIPageControl可点击