绿叶清舟 发表于 2022-8-14 21:29

【末伏消暑】第一天 凡人歌


<style>
#papa { margin: auto; left: -250px; top: 80px;width: 1100px; height: 700px; background: #985b0a url('https://pic.imgdb.cn/item/62f8f87116f2c2beb1ef60b4.jpg') no-repeat; box-shadow: 3px 3px 20px -3px #000; position: relative; }

#disc { position: absolute; width: 40px; height: 40px; left: 10px; top: 10px; background: conic-gradient(#000000,#969696,#000000,#969696,#000000); mask: radial-gradient(transparent 4px,red 0); -webkit-mask: radial-gradient(transparent 4px,red 0); border-radius: 50%; cursor: pointer; animation: rot 2s linear infinite; }
#tit { position: absolute; left: 60px; top: 10px;font: bold 22px / 40px sans-serif; color: #f6f6f6; text-shadow: 1px 1px 2px black; }
@keyframes rot { to { transform: rotate(360deg); } }
@keyframes circle { from { transform: rotate(0) translate(50px); } to { transform: rotate(360deg) translate(50px); } }
</style>

<div id="papa">
      
      <div id="tit">凡人歌 - 李宗盛</div>
      <div id="disc"></div>
</div>
<BR><BR><BR><BR><BR><BR>
<script>
let stepX = 1, stepY = 1, moveX= 0, moveY = 0;
let aud = new Audio();

aud.src = 'http://music.163.com/song/media/outer/url?id=108587.mp3';
aud.loop = true;
aud.autoplay = true;

disc.style.animationPlayState = aud.paused ? 'paused' : 'running';
disc.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing',()=> disc.style.animationPlayState = 'running');
aud.addEventListener('pause',()=> disc.style.animationPlayState = 'paused');

motion();

function motion() {
      moveX += stepX;
      moveY += stepY;
      mama.style.left = moveX + 'px';
      mama.style.top = moveY + 'px';
      requestAnimationFrame(motion);
      if(moveX < 0 || moveX >= papa.offsetWidth - mama.offsetWidth) stepX = -stepX;
      if(moveY < 0 || moveY >= papa.offsetHeight - mama.offsetHeight) stepY = -stepY;
}
</script>

樵歌 发表于 2022-8-14 21:36

开始喝戏啦,猪脚吧{:4_173:}

马黑黑 发表于 2022-8-14 21:38

凡人不烦人

小九 发表于 2022-8-14 22:15

跑在前面去了啊{:4_199:}

红影 发表于 2022-8-14 22:32

一刻不得闲,凡人的苦恼。清舟也抢跑了{:4_173:}

小星世龙 发表于 2022-8-15 08:36

好图,好歌,精彩,点赞!

绿叶清舟 发表于 2022-8-16 19:47

小星世龙 发表于 2022-8-15 08:36
好图,好歌,精彩,点赞!

谢谢世龙

绿叶清舟 发表于 2022-8-16 19:47

红影 发表于 2022-8-14 22:32
一刻不得闲,凡人的苦恼。清舟也抢跑了

正好听到这歌就做上来了

绿叶清舟 发表于 2022-8-16 19:48

小九 发表于 2022-8-14 22:15
跑在前面去了啊

凡人闲得嘛{:4_189:}

绿叶清舟 发表于 2022-8-16 19:48

马黑黑 发表于 2022-8-14 21:38
凡人不烦人

烦人才凡人了

绿叶清舟 发表于 2022-8-16 19:48

樵歌 发表于 2022-8-14 21:36
开始喝戏啦,猪脚吧

戏咋喝啊{:4_189:}

马黑黑 发表于 2022-8-16 19:59

绿叶清舟 发表于 2022-8-16 19:48
烦人才凡人了

是不是呢{:4_203:}

绿叶清舟 发表于 2022-8-16 20:03

马黑黑 发表于 2022-8-16 19:59
是不是呢

当然是了

马黑黑 发表于 2022-8-16 20:12

绿叶清舟 发表于 2022-8-16 20:03
当然是了

如此甚好

青青子衿 发表于 2022-8-16 22:29

这首歌,有沧桑感,李宗盛还写了首歌:漂洋过海来看你。。。也很好听,温暖美意的多

樵歌 发表于 2022-8-17 18:15

绿叶清舟 发表于 2022-8-16 19:48
戏咋喝啊

喝彩不行吗{:4_170:}

绿叶清舟 发表于 2022-8-17 20:01

青青子衿 发表于 2022-8-16 22:29
这首歌,有沧桑感,李宗盛还写了首歌:漂洋过海来看你。。。也很好听,温暖美意的多

青青好,他写的歌都很不喜欢的了

绿叶清舟 发表于 2022-8-17 20:06

樵歌 发表于 2022-8-17 18:15
喝彩不行吗

能喝下的就行了{:4_189:}

樵歌 发表于 2022-8-18 17:18

绿叶清舟 发表于 2022-8-17 20:06
能喝下的就行了

自己说的当然得喝了{:4_173:}
页: [1]
查看完整版本: 【末伏消暑】第一天 凡人歌