红影来看看这个效果对不对
<style>.m-box {
margin: 0 auto;
position: relative;
width: 700px;
height: 467px;
background: transparent url('https://pic.imgdb.cn/item/61e673e62ab3f51d91ff8618.jpg') no-repeat;
}
.m-box img { position: absolute; left:0; top:0; cursor:pointer; }
#fly { display: block; }
#drop { display: none; }
</style>
<div class="m-box">
<img id="fly" src="https://pic.imgdb.cn/item/61e678a22ab3f51d9104f95d.gif" alt="" />
<img id="drop" src="https://pic.imgdb.cn/item/61e78ce72ab3f51d91d68242.jpg" alt="" />
</div>
<script>
var d = document.getElementById('fly');
var f = document.getElementById('drop');
d.onclick = function(){ d.style.display="none"; f.style.display="block"; }
f.onclick = function(){ d.style.display="block"; f.style.display="none"; }
</script>
嗯嗯，小图是变了。这是按小图，则下图变化。本来希望是按下按钮，音乐停止，按钮和小图都被替换{:4_173:} 两个小图的就想在这个位置的，黑黑真棒。这么快就编出代码了{:4_199:} 好玩好玩，按下去天使就哭了{:4_173:} 红影 发表于 2022-1-19 13:45
嗯嗯，小图是变了。这是按小图，则下图变化。本来希望是按下按钮，音乐停止，按钮和小图都被替换
音乐按钮也要控制图片吗 马黑黑 发表于 2022-1-19 13:55
音乐按钮也要控制图片吗
是啊，就是想也控制图片，然后把自己整蒙了{:4_173:} 红影 发表于 2022-1-19 14:18
是啊，就是想也控制图片，然后把自己整蒙了
初步做出来了，发出去了 马黑黑 发表于 2022-1-19 14:19
初步做出来了，发出去了
哦哦，我去看看~谢谢黑黑{:4_187:} 红影 发表于 2022-1-19 14:41
哦哦，我去看看~谢谢黑黑
可能有虫，我不知道，现在看不出来 马黑黑 发表于 2022-1-19 14:42
可能有虫，我不知道，现在看不出来
挺好的，我已经按了好多遍，让天使哭了又哭{:4_189:} 红影 发表于 2022-1-19 15:10
挺好的，我已经按了好多遍，让天使哭了又哭
主要是还加了一些检测机制，比如audio是否播放中、是否自动播放、是否已播放结束等等，所以部分就有些逻辑上的选择，忙了就会出现逻辑错误 马黑黑 发表于 2022-1-19 15:22
主要是还加了一些检测机制，比如audio是否播放中、是否自动播放、是否已播放结束等等，所以部分就有些逻 ...
嗯嗯，那个还挺复杂，黑黑太厉害了{:4_199:} 红影 发表于 2022-1-19 15:28
嗯嗯，那个还挺复杂，黑黑太厉害了
看着复杂吧，实际上还是简单的 马黑黑 发表于 2022-1-19 15:55
看着复杂吧，实际上还是简单的
看到一堆代码，我通常就感觉怕了{:4_173:} 红影 发表于 2022-1-19 20:44
看到一堆代码，我通常就感觉怕了
代码多是多了几行，但实现原理不变
页:
[1]