js实现两张图片来回切换

点击张图片A，另一张图片B显示（这时A图片隐藏），

再次点击B图片，A图片显示（这时B图片隐藏）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>js实现点击图片切换为另一图片，再次点击恢复到原图片</title>
</head>
<body><div id="button"><img id="picts" src="./images/bg_yellow.png" alt=""></div><script>function change_pic(){var button = document.getElementById("button");var picts = document.getElementById("picts");button.onclick = function(){if(picts.getAttribute("src",2) == "./images/bg_yellow.png"){picts.setAttribute("src","./images/bg_card.png");}else{picts.setAttribute("src","./images/bg_yellow.png");};}}change_pic();</script></body>
</html>

js实现两张图片来回切换相关推荐

Dynamic html实现页面上两张图片来回切换
错误的代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="U ...
图片的轮流html,两张图片轮流切换
两张图片轮流切换 var t ; $(function(){ changeImg(); $("#span01″).mouseover(function(){ showOrHide(" ...
如何使用js实现两张图片的相似度比较
最近换季容易感冒,小伙伴们及各位大佬一定要注意身体,每年的这个时候都要渡一次劫. 进博会马上就要来临,最近公司在做一个关于进博会的活动.我是不负责这个项目的.但是看到我们给甲方的稿子甲方老是不满意,老 ...
什么相片可以两张弄成一张_怎么将两张图片合成一张？
有时候我们需要将两张图片放在一起相比较,但是两张图片相互切换对比起来比较困难,有没有什么办法将两张图片合成一张?方法是肯定有的,而且还是多种多样的,本文就给大家介绍一种对普通用户来说最简单方便快捷的方 ...
python箭头向下怎么变_实现点击下箭头变上箭头来回切换的两种方法【推荐】
我所知道的常用的就这两种. 第一种:说明一下我用的是fontawesome字体,首先要去官网下载来用我用的是bootstrap,所以hidden是自带的,上面的初始状态就是下箭头angle-down ...
JS图像处理:找出两张图片的差异部分并提取出来
两张图片比较需求: 图A: 图B 图A图B尺寸相同,最后需求得到结果如图C: 关键API: var imgData=context.getImageData(x,y,width,height); 参 ...
qq批量登录软件_微信能直接登录QQ了？再也不用两款软件来回切换了
聊天的时候有的朋友用微信,有的朋友用QQ,每次都需要两款软件来回切换非常麻烦.这不,微信又又又又有新功能了!现在通过微信也能够登录QQ了.这个功能到底怎么使用又有那些优缺点呢?快和小编一起来看看吧. ...
hover时候缓慢切换两张图片
效果: hover的时候想让两张图片翻转的时候速度慢一点,而不是瞬间变成另一张图片,我们可以采用淡入淡出的效果. 实例: <!DOCTYPE html> <html><h ...
vue两个按钮切换_vue点击循环添加列表点击来回切换
1.v-on:绑定一个事件后面放事件名简写 @事件名="函数" 例如: 按钮 var vm=new Vue({ el:'#itany', data:{ msg:'hello' ...

js实现两张图片来回切换

js实现两张图片来回切换相关推荐

最新文章

热门文章