绿叶清舟 发表于 2022-2-28 21:19

很爱很爱你 TO：小满

本帖最后由 绿叶清舟 于 2022-2-28 21:23 编辑 <br /><br /><DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -320px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/621cccc42ab3f51d91e050d2.jpg>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR>

<style type="text/css">
#paDiv {
      margin: auto;
      width: 220px;
      display: flex;
      align-items: center;
      border: 1px solid olive;
      border-radius: 8px 0px 8px 0px;
      background: rgba(255, 255, 255, 0);
      box-shadow: 1px 1px 2px #000;
}
#jindu {
      position: relative;
      width: 200px;
      height: 8px;
      line-height: 8px;
      font-size: 10px;
      color: #000;
      text-align: center;
      background: linear-gradient(90deg, olive, tan, gold) no-repeat;
      background-size: 20px 0px;
}
#btn-ro {
      width: 20px; height: 20px;
      line-height: 20px; font-size: 12px;
      background: linear-gradient(blue, silver, red);
      outline:none;
      color: white;
      border-radius: 50%;
      text-align: center;
      cursor: pointer;
      animation: rol linear 2s infinite;
}

#btn-ro:hover { opacity: 0.8; }
#btn-ro:active { opacity: 1; }

@keyframes rol { to { transform:rotate(360deg); } }

</style>
<DIVstyle="position: relative; LEFT: 200px; TOP: -60px">
<div id="paDiv">
      <div id="btn-ro">·</div>
      <div id="jindu">
                <div id="jd-go"></div>
      </div>
</div>
</div>
<script language="javascript">

var btn = document.getElementById('btn-ro');
var jindu = document.getElementById('jindu');
var tips = document.getElementById('au-tips');
var aud = document.createElement('audio');

aud.src ="http://music.163.com/song/media/outer/url?id=254589.mp3";
aud.addEventListener('ended', function() { btn.style.animationPlayState="paused"; }, true);
aud.addEventListener('timeupdate', tmMsg, true);

aud.play();

function tmMsg(){ //进度条
      var jd = (100*aud.currentTime)/aud.duration;
      jindu.innerHTML = Math.ceil(jd) + "%";
      jindu.style.backgroundSize = jd+ "% 20px";
}

btn.onclick = function(){
      aud.paused ? (aud.play(), btn.style.animationPlayState="running") : (aud.pause(), btn.style.animationPlayState="paused");
}

</script>

红影 发表于 2022-2-28 22:24

清舟好浪漫的制作。无论是人物上文字还是那个那个比心的手势，处处匠心。小满收礼开心{:4_187:}

加林森 发表于 2022-3-1 21:04

透明播放器，这个漂亮。

大猫咪 发表于 2022-3-2 20:19

清舟制作真棒，温馨浪漫，这歌特别好听，小满收礼开心{:4_187:} 问好！

{:4_204:}{:4_199:}

冬天的雨 发表于 2022-3-2 21:31

送小女生的，粉粉的，漂亮{:4_199:}

小九 发表于 2022-3-4 13:04

好温馨的贴，小满收礼开心{:4_187:}

绿叶清舟 发表于 2022-3-4 17:07

红影 发表于 2022-2-28 22:24
清舟好浪漫的制作。无论是人物上文字还是那个那个比心的手势，处处匠心。小满收礼开心

谢谢影，一直很喜欢的歌

绿叶清舟 发表于 2022-3-4 17:17

小九 发表于 2022-3-4 13:04
好温馨的贴，小满收礼开心

谢谢小九

绿叶清舟 发表于 2022-3-4 17:18

冬天的雨 发表于 2022-3-2 21:31
送小女生的，粉粉的，漂亮

谢谢冬雨象小满一样漂亮{:4_189:}

绿叶清舟 发表于 2022-3-4 17:18

大猫咪 发表于 2022-3-2 20:19
清舟制作真棒，温馨浪漫，这歌特别好听，小满收礼开心 问好！

谢谢猫一直很喜欢这歌就是奶茶的歌不容易唱

绿叶清舟 发表于 2022-3-4 17:19

加林森 发表于 2022-3-1 21:04
透明播放器，这个漂亮。

谢谢队长

大猫咪 发表于 2022-3-4 17:20

绿叶清舟 发表于 2022-3-4 17:18
谢谢猫一直很喜欢这歌就是奶茶的歌不容易唱

哈哈 清舟来了啊 {:4_187:}下午好，在学习做帖{:5_106:}

加林森 发表于 2022-3-4 17:21

绿叶清舟 发表于 2022-3-4 17:19
谢谢队长

不客气的。{:4_190:}

红影 发表于 2022-3-4 21:53

绿叶清舟 发表于 2022-3-4 17:07
谢谢影，一直很喜欢的歌

嗯，特别温暖的一首歌{:4_187:}

冬天的雨 发表于 2022-3-6 14:15

绿叶清舟 发表于 2022-3-4 17:18
谢谢冬雨象小满一样漂亮

这个小满？

绿叶清舟 发表于 2022-3-6 18:59

冬天的雨 发表于 2022-3-6 14:15
这个小满？

论坛里的小满啊

冬天的雨 发表于 2022-3-7 22:27

绿叶清舟 发表于 2022-3-6 18:59
论坛里的小满啊

最近好像没有看见过吧

绿叶清舟 发表于 2022-3-8 11:34

冬天的雨 发表于 2022-3-7 22:27
最近好像没有看见过吧

音画版去得比较多，很早就在这里了

顾-念 发表于 2022-3-8 21:56

做图高手，好看

小满 发表于 2022-3-9 20:36

哈哈，一真没上来，刚看到
页: [1] 2
查看完整版本: 很爱很爱你 TO：小满