绿叶清舟 发表于 2022-3-13 19:59

红颜TO小九

<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/622ddc545baa1a80ab51d823.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: -550px; TOP: -80px">
<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=28191530.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-3-13 20:28

清舟制作真棒，小九秒变女侠了{:5_117:}这歌非常好听，和图很融合 ，色彩也棒！

小九收礼开！晚上好！

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

加林森 发表于 2022-3-13 20:38

好漂亮，好制作！{:4_204:}{:4_190:}

绿叶清舟 发表于 2022-3-13 20:48

大猫咪 发表于 2022-3-13 20:28
清舟制作真棒，小九秒变女侠了这歌非常好听，和图很融合 ，色彩也棒！

小九收礼开！晚上好！


谢谢猫，很喜欢这首的一时找不到很合意的素材就先整这样了

绿叶清舟 发表于 2022-3-13 20:48

加林森 发表于 2022-3-13 20:38
好漂亮，好制作！

谢谢队长

小辣椒 发表于 2022-3-13 21:04

清舟也是高产的，图图制作精美{:4_171:}

小辣椒 发表于 2022-3-13 21:04

小九收礼开心{:4_171:}

绿叶清舟 发表于 2022-3-13 21:06

小辣椒 发表于 2022-3-13 21:04
清舟也是高产的，图图制作精美

辣椒好，正好周末不能走动就做贴了

东篱闲人 发表于 2022-3-13 21:16

精彩！惊艳！{:5_116:}

红影 发表于 2022-3-13 21:46

里面的颜色好像有很亮的感觉，清舟的颜色调配真棒。九儿收礼开心{:4_187:}

杨柳青 发表于 2022-3-13 22:30

音画做得真漂亮~~{:5_116:}

杨柳青 发表于 2022-3-13 22:31

小九收礼开心~~{:5_106:}

马黑黑 发表于 2022-3-13 22:35

人生得一红/蓝颜知己足矣

加林森 发表于 2022-3-13 23:10

{:4_178:}

樵歌 发表于 2022-3-14 08:30

侠客美女江湖行，武装红装一并收哇。{:4_170:}

樵歌 发表于 2022-3-14 08:31

清舟制作大师风范{:4_187:}

加林森 发表于 2022-3-14 11:17

@小九帮着喊~~~~~~~~~~~~~

小九 发表于 2022-3-14 17:28

这歌好熟悉，一下忘记名字了，谢谢舟{:4_183:}

小九 发表于 2022-3-14 17:28

大猫咪 发表于 2022-3-13 20:28
清舟制作真棒，小九秒变女侠了这歌非常好听，和图很融合 ，色彩也棒！

小九收礼开！晚上好！


谢谢猫咪，一起开心{:4_187:}

小九 发表于 2022-3-14 17:46

小辣椒 发表于 2022-3-13 21:04
小九收礼开心

谢谢辣椒！ 一起开心{:4_187:}
页: [1] 2 3
查看完整版本: 红颜TO小九