加林森 发表于 2022-7-15 17:44

《红玫瑰 Paul Liu钢琴版》- Paul Liu


<style>
#papa { left: -352px;width: 1300px; height: 865px; background: blue url('https://pic.imgdb.cn/item/62d11e20f54cd3f9371b449b.jpg') no-repeat center/cover; box-shadow: 4px 4px 24px #000; position: relative; }
#hunter { position: absolute; width: 122px; height: 147px; transition: left 3s, top 3s;z-index: 99; }
#prey { position: absolute; width: 240px; height: 240px; border-radius: 50%; }
#btnplay { position: absolute;left: 20px; top: 20px; width: 30px; height: 30px; cursor: pointer; border: none; outline: none; border-radius: 50%; }
#btnplay:hover { color: red; box-shadow: 1px 1px 1px #000; }
#lrcbox { position: absolute;left: 60px;top: 20px;font: normal 1.2em / 1.6em '宋体', sans-serif;color: snow;text-shadow: 1px 1px 2px #000; }
</style>

<div id="papa">
        <input id="btnplay" type="button" value=">" />
        <div id="lrcbox">LRC LOADING ...</div>
        <img id="hunter" alt="" src="https://pic.imgdb.cn/item/6235d74f5baa1a80ab9d74a0.gif" />
        <img id="prey" src="https://pic.imgdb.cn/item/62d0e127f54cd3f937c47bb3.jpg" alt="" />
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=490685749.mp3" autoplay="autoplay" loop="loop"></audio>

<script>
let last = 0;
let lrcAr = [
        ['0.00','曲名 : 红玫瑰 Paul Liu钢琴版'],
        ['5.00','歌手 :Paul Liu'],
        ['10.00','帖名 : 纯音乐'],
        ['160.00','谢谢欣赏 ']
];

let num = (min, max) => Math.floor(Math.random() * (max-min+1)) + min;
setTimeout(gogo,100);
btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing', () => btnplay.value = '||');
aud.addEventListener('pause', () => btnplay.value = '>');

aud.addEventListener('timeupdate',function(){
        let tt = aud.currentTime;
        for(j=0; j<lrcAr.length; j++){
                if(tt >= lrcAr) lrcbox.innerHTML = lrcAr;
        }
});

function gogo() {
        let left = num(50,1050), top = num(420,518);
      hunter.style.transform = last < left ? 'scale(1,1)' : 'scale(-1,1)';
        prey.style.left = left + 'px';
        prey.style.top = top + 'px';
        hunter.style.left = left + 45 + 'px';
        hunter.style.top = top - 100 + 'px';
      last = left;
        setTimeout(gogo,6000);
}
</script>

加林森 发表于 2022-7-15 19:22

@马黑黑

绿叶清舟 发表于 2022-7-15 20:07

队长这个音符还会到处跑啊

马黑黑 发表于 2022-7-15 20:11

挺好

加林森 发表于 2022-7-15 20:31

绿叶清舟 发表于 2022-7-15 20:07
队长这个音符还会到处跑啊

跟到老黑学习的。{:4_189:}

红影 发表于 2022-7-15 20:31

蝴蝶是不是转向看不出来{:4_173:}

加林森 发表于 2022-7-15 20:31

马黑黑 发表于 2022-7-15 20:11
挺好

谢谢！

加林森 发表于 2022-7-15 20:32

红影 发表于 2022-7-15 20:31
蝴蝶是不是转向看不出来

没关系的。就是玩。

绿叶清舟 发表于 2022-7-15 21:01

加林森 发表于 2022-7-15 20:31
跟到老黑学习的。

队长学得太快了

加林森 发表于 2022-7-15 21:08

绿叶清舟 发表于 2022-7-15 21:01
队长学得太快了

跟紧点没有错的。

绿叶清舟 发表于 2022-7-15 21:10

加林森 发表于 2022-7-15 21:08
跟紧点没有错的。

你厉害了，这几天都不知道要做啥的了

加林森 发表于 2022-7-15 21:11

绿叶清舟 发表于 2022-7-15 21:10
你厉害了，这几天都不知道要做啥的了

哈哈，我们都开始瞎玩了。

绿叶清舟 发表于 2022-7-15 21:11

加林森 发表于 2022-7-15 21:11
哈哈，我们都开始瞎玩了。

队长谦虚了啊

加林森 发表于 2022-7-15 21:13

绿叶清舟 发表于 2022-7-15 21:11
队长谦虚了啊

真话。发多了也不行，这样就更加不该怎么玩了。

红影 发表于 2022-7-15 21:21

加林森 发表于 2022-7-15 20:32
没关系的。就是玩。

嗯，队长做得真快{:4_187:}

小辣椒 发表于 2022-7-15 21:24

队长这个是新效果？

加林森 发表于 2022-7-15 21:28

红影 发表于 2022-7-15 21:21
嗯，队长做得真快

是的。

加林森 发表于 2022-7-15 21:29

小辣椒 发表于 2022-7-15 21:24
队长这个是新效果？

我自己创新的。{:4_189:}

绿叶清舟 发表于 2022-7-16 12:20

加林森 发表于 2022-7-15 21:13
真话。发多了也不行，这样就更加不该怎么玩了。

是不是都玩过了就没得玩了啊{:4_189:}

加林森 发表于 2022-7-16 12:26

绿叶清舟 发表于 2022-7-16 12:20
是不是都玩过了就没得玩了啊

玩得差不多了。{:4_189:}
页: [1] 2
查看完整版本: 《红玫瑰 Paul Liu钢琴版》- Paul Liu