小辣椒 发表于 2022-8-7 18:33

【中伏消暑】第十二天 产（电视剧产科医生片尾曲）

<style>
#papa { left: -255px; width: 1106px; height: 641px; top: 150px;background: lightgreen url('https://pic.imgdb.cn/item/62ef8e6e16f2c2beb1b9d911.jpg') no-repeat center/cover; box-shadow: 3px 3px 24px #000; position: relative; }
#ball { position: absolute; width: 80px; height: 80px; background: rgba(0,255,255,.75) radial-gradient(at 35% 35%, lightgray, transparent); border-radius: 50%; cursor: pointer; }
#tit { position: absolute; padding: 0; margin: 0; left: 250px; top: 480px; font: bold 2em sans-serif; color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,.75); }


</style>

<div id="papa">

      <span id="tit">电视剧《产科医生》片尾曲《你还记得吗》</span>
      <span id="ball"></span>
</div>

<script>
let moveX = 0, moveY = 0, stepX = 0.8, stepY = 0.8, canMove = true, aud = new Audio(), timer;

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

timer = requestAnimationFrame(motion);

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

ball.onclick = () => aud.paused ? (aud.play(), requestAnimationFrame(motion)) : (aud.pause(), cancelAnimationFrame(timer));
</script>
<br><br><br><br><br><br><br><br>

小辣椒 发表于 2022-8-7 18:35

产-----完成{:4_173:}

马黑黑 发表于 2022-8-7 19:01

真产了{:4_173:}

红影 发表于 2022-8-7 19:48

还听过的歌呢，在亲爱的帖子里听听{:4_187:}

小辣椒 发表于 2022-8-7 20:33

马黑黑 发表于 2022-8-7 19:01
真产了

{:4_172:}

小辣椒 发表于 2022-8-7 20:34

红影 发表于 2022-8-7 19:48
还听过的歌呢，在亲爱的帖子里听听

这个电视剧我追过的，全部看完

马黑黑 发表于 2022-8-7 20:34

小辣椒 发表于 2022-8-7 20:33


{:4_173:}

小辣椒 发表于 2022-8-7 20:34

马黑黑 发表于 2022-8-7 20:34


黑黑这个电视剧看了没有？

樵歌 发表于 2022-8-7 21:48

生男生女哇{:4_173:}

红影 发表于 2022-8-7 23:02

小辣椒 发表于 2022-8-7 20:34
这个电视剧我追过的，全部看完

哦哦，我没看过{:4_173:}

顾-念 发表于 2022-8-8 21:33

这图里的是男主角么

小辣椒 发表于 2022-8-9 19:46

顾-念 发表于 2022-8-8 21:33
这图里的是男主角么

是的，应该是的，最近还是比较红的

小辣椒 发表于 2022-8-9 19:47

红影 发表于 2022-8-7 23:02
哦哦，我没看过

很精彩的{:4_173:}

小辣椒 发表于 2022-8-9 19:48

樵歌 发表于 2022-8-7 21:48
生男生女哇

都有的，这个镜头是个男宝宝

红影 发表于 2022-8-9 21:03

小辣椒 发表于 2022-8-9 19:47
很精彩的

呵呵，没事就跑坛子上了，很少看电视{:4_173:}

樵歌 发表于 2022-8-11 19:38

小辣椒 发表于 2022-8-9 19:48
都有的，这个镜头是个男宝宝

原来是双胞胎哈{:4_189:}
页: [1]
查看完整版本: 【中伏消暑】第十二天 产（电视剧产科医生片尾曲）