【头伏消暑】1__5天 《清凉音乐》- 休闲 Maestr
本帖最后由 加林森 于 2022-7-15 13:29 编辑 <br /><br /><style>#papa { left: -352px; width: 1300px; height: 758px; background: blue url('https://pic.imgdb.cn/item/62d0df28f54cd3f937c14326.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/6247e3c027f86abb2a56f17a.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=1948069356.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
let last = 0;
let lrcAr = [
['0.00','曲名 : 清凉音乐'],
['5.00','歌手 : 休闲 Maestro'],
['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>
意境优雅、美妙。
鹰还能倒着飞，这飞翔的技能也是厉害
{:4_199:} 马黑黑 发表于 2022-7-15 11:57
意境优雅、美妙。
鹰还能倒着飞，这飞翔的技能也是厉害
鹰长本事了。{:5_117:} 加林森 发表于 2022-7-15 12:14
鹰长本事了。
都是你驯的好
马黑黑 发表于 2022-7-15 12:20
都是你驯的好
我准备放两只小蝴蝶，你感觉怎么样？ 加林森 发表于 2022-7-15 12:41
我准备放两只小蝴蝶，你感觉怎么样？
这要问你自己的感觉，别人的感觉不应左右自己的构思 马黑黑 发表于 2022-7-15 12:49
这要问你自己的感觉，别人的感觉不应左右自己的构思
嗯嗯。我还是喜欢我的鹰在飞翔。 加林森 发表于 2022-7-15 12:52
嗯嗯。我还是喜欢我的鹰在飞翔。
挺好挺好 马黑黑 发表于 2022-7-15 12:54
挺好挺好
谢谢啦！ 加林森 发表于 2022-7-15 12:58
谢谢啦！
{:4_190:} 马黑黑 发表于 2022-7-15 13:13
谢茶。 加林森 发表于 2022-7-15 13:20
谢茶。
你去看看我让鹰转向飞行的效果 {:4_199:}{:4_199:}{:4_199:}太好看了，像雄鹰在从容自如地演奏音乐呢{:4_189:} 队长好制作！{:6_220:} 马黑黑 发表于 2022-7-15 13:22
你去看看我让鹰转向飞行的效果
看见了。这样的才叫飞翔。{:5_108:} 头伏五宝——饺子、羊肉、鸡肉、馄饨、苦瓜。你准备吃哪样啊？ 转转 发表于 2022-7-15 13:34
太好看了，像雄鹰在从容自如地演奏音乐呢
转转下午好！{:4_190:} 加林森 发表于 2022-7-15 13:39
看见了。这样的才叫飞翔。
都可以，自然一些而已 转转 发表于 2022-7-15 13:35
队长好制作！
谢谢转转了。{:6_211:} 梦油 发表于 2022-7-15 13:41
头伏五宝——饺子、羊肉、鸡肉、馄饨、苦瓜。你准备吃哪样啊？
都可以吃的。家里都有。
页:
[1]
2