《猫与向日葵》- 馒头ZouLiang TO：马黑黑、大猫咪
本帖最后由 加林森 于 2022-7-10 17:22 编辑 <br /><br /><style>#papa { left: -352px; width: 1300px; height: 758px; background: blue url('https://pic.imgdb.cn/item/62ca8d97f54cd3f93723b5a1.jpg') no-repeat center/cover; box-shadow: 4px 4px 24px #000; position: relative; }
#hunter { position: absolute; width: 122px; height: 147px; transition: all 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/62ca959af54cd3f9372ffd71.png" />
<img id="prey" src="https://pic.imgdb.cn/item/62ca96f2f54cd3f93731ea60.gif" alt="" />
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1883952430.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
let lrcAr = [
['0.00','曲名 : 猫与向日葵'],
['5.00','歌手 : 馒头ZouLiang'],
['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);
prey.style.left = left + 'px';
prey.style.top = top + 'px';
hunter.style.left = left + 45 + 'px';
hunter.style.top = top - 100 + 'px';
setTimeout(gogo,6000);
}
</script>
@马黑黑 @大猫咪 花仙子与大猫咪形影不离{:4_170:} 马黑黑 发表于 2022-7-10 17:16
花仙子与大猫咪形影不离
就是就是。花仙子就是不让猫猫跑了。{:4_189:} 加林森 发表于 2022-7-10 17:20
就是就是。花仙子就是不让猫猫跑了。
看样纸是跑不掉的 马黑黑 发表于 2022-7-10 17:52
看样纸是跑不掉的
那是肯定跑不了的。 加林森 发表于 2022-7-10 18:04
那是肯定跑不了的。
那敢情好啊 马黑黑 发表于 2022-7-10 18:28
那敢情好啊
开喝没有？ 加林森 发表于 2022-7-10 18:33
开喝没有？
没有
马黑黑 发表于 2022-7-10 19:06
没有
嗯嗯。 啥图都能做出来，啥歌都 能找到。按说，猫与向日葵应当是风马牛不相及的。{:4_189:} 图图里的猫猫好可爱。欣赏队长好帖{:4_187:} 樵歌 发表于 2022-7-10 19:25
啥图都能做出来，啥歌都 能找到。按说，猫与向日葵应当是风马牛不相及的。
一样都可以玩的。 红影 发表于 2022-7-10 19:35
图图里的猫猫好可爱。欣赏队长好帖
我去找的动图。 花仙子爱上猫了啊{:4_189:} 绿叶清舟 发表于 2022-7-10 19:56
花仙子爱上猫了啊
猫猫现在脱不身了！{:4_189:} 加林森 发表于 2022-7-10 20:18
猫猫现在脱不身了！
难怪晚上看不到人了{:4_189:} 绿叶清舟 发表于 2022-7-10 20:19
难怪晚上看不到人了
{:4_172:} 哈哈 队长制作真棒！很有创意 {:4_189:} 谢谢队长美帖，老喜欢了， 收藏！
中午好{:4_179:} 马黑黑 发表于 2022-7-10 17:16
花仙子与大猫咪形影不离
{:4_172:}{:4_189:}
页:
[1]
2