是啊，开着春晚的电视边看边灌了
清舟过年好，我发累了应该视频到你的音乐版，去看看吧。
【新提醒】《多大年》 送大家！ - 音乐沙龙 - 花潮论坛 - Powered by Discuz!
https://www.huachaowang.com/thread-56603-1-1.html 加林森 发表于 2022-1-31 23:52
清舟过年好，我发累了应该视频到你的音乐版，去看看吧。
【新提醒】《多大年》 送大家！ - 音乐沙龙 -...
谢谢队长，新年好 本帖最后由 加林森 于 2022-3-19 12:44 编辑 <br /><br />绿叶清舟 发表于 2022-2-1 11:41
谢谢队长，新年好
不客气的。清舟新年快乐！
<style>
#bgBox { position:relative; left: -15px; width: 790px; height: 430px; background-image: url('https://pic.imgdb.cn/item/6233f4f75baa1a80abd87a54.jpg'); background-size: 790px 430px; background- ͼ
position: 790px 0; opacity: .96; animation: mv 28s linear infinite; }
#clkBtn { width: 100px; height: 100px; border-radius: 50%; background: rgba(0, 0, 0, .8); cursor: pointer;
position: relative; }
#clkBtn::before { content: ''; position: absolute; left: 5px; top: 5px; background: rgba(0, 0, 0, .2);
width: 88px; height: 88px; border: 1px solid #555; border-radius: 50%; }
#zhizhen { position: absolute; left: 50px; top: 50px; width: 2px; height: 44px; background: red;
transform-origin: 0 0; animation: go 3s linear infinite; }
@keyframes go { to { transform: rotate(360deg);} }
@keyframes mv { from { background-position: 790px 0; } to { background-position: 0 0; } }
</style>
<div id="bgBox">
<div style="position: absolute; left:90px; top: 10px; width:688px;text-align:center;">
<img alt="" src=""/></div>
<div id="clkBtn" style="left: 20px; top: calc(100% - 120px);">
<div id="zhizhen"></div>
</div>
<audio id="music" autoplay="autoplay" loop="loop" src="http://www.kumeiwp.com/sub/filestores/2022/03/18/a8cd30d007cff874d38809d2c4c4a19d.mp3" ></audio></div>
<script language="javascript">
var aud = document.getElementById('music');
var btn = document.getElementById('clkBtn');
var zz = document.getElementById('zhizhen');
btn.onclick = function(){ aud.paused ? (aud.play(), zz.style.animationPlayState = "running") : (aud.pause
(), zz.style.animationPlayState = "paused"); }
aud.addEventListener("ended", function(){ zz.style.animationPlayState = "running"; });
</script>
页:
1
[2]