《恋曲1990》 -- 罗大佑 TO：大猫咪

东篱闲人 · 发表于 2022-4-16 21:14

加林森发表于 2022-4-16 21:06
是的，两张图片。一张动态的，另外一张是普通的。

给俺看看代码。。。

加林森 · 发表于 2022-4-16 21:15

马黑黑发表于 2022-4-16 21:09
不错的

谢谢了！

加林森 · 发表于 2022-4-16 21:18

东篱闲人发表于 2022-4-16 21:14
给俺看看代码。。。

就是这个代码：
<style>
.rc {
width: 760px;
height: 505px;
cursor: pointer;
background: url('https://pic.imgdb.cn/item/625a7fdc239250f7c5bb50ae.jpg') center/cover no-repeat,
url('https://pic.imgdb.cn/item/625a838f239250f7c5c231ba.gif') center/cover no-repeat;
background-blend-mode: lighten,darken;
}
</style>

<div class="rc"></div>

<script language="javascript">
let flag = true;
let btn = document.querySelector('.rc');
let au = document.createElement('audio');
au.src = 'http://www.kumeiwp.com/sub/filestores/2022/04/15/350cdfdb95c7d9a36ca461542c90af3b.mp3';
au.autoplay = flag;
au.loop = true;
au.display = 'none';
btn.appendChild(au);
btn.onclick = function() { flag ? (au.pause(), flag = false) : ( au.play(), flag = true); }
</script>