绿叶清舟 发表于 2022-2-12 21:09

恭祝大家元宵快乐

本帖最后由 绿叶清舟 于 2022-2-12 21:11 编辑 <br /><br /><DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/6207b13d2ab3f51d91b135a7.jpg>
</TD></TR><TR><TD>
</TD></TR><TR><TD>
</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(0,0,0,.8);
      box-shadow: 1px 1px 2px #000;
}
#jindu {
      position: relative;
      width: 200px;
      height: 8px;
      line-height: 8px;
      font-size: 10px;
      color: #eee;
      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: -300px; TOP: -30px">
<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=32102938.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-12 21:11

@马黑黑

小辣椒 发表于 2022-2-12 21:20

清舟这个贺帖做的漂亮，速度也是快，黑黑刚发的播放器用上了{:4_178:}

小辣椒 发表于 2022-2-12 21:21

借清舟的贺帖祝福大家元宵节快乐！

绿叶清舟 发表于 2022-2-12 21:32

小辣椒 发表于 2022-2-12 21:20
清舟这个贺帖做的漂亮，速度也是快，黑黑刚发的播放器用上了

辣椒晚上好，看到这个播放器漂亮了，赶紧的做了个了

小辣椒 发表于 2022-2-12 21:34

绿叶清舟 发表于 2022-2-12 21:32
辣椒晚上好，看到这个播放器漂亮了，赶紧的做了个了

速度的，发现黑黑才发你就出来了，清舟也是厉害的{:4_199:}

马黑黑 发表于 2022-2-12 21:36

这回可以吃到嘴了吧{:4_170:}

绿叶清舟 发表于 2022-2-12 21:39

马黑黑 发表于 2022-2-12 21:36
这回可以吃到嘴了吧

还记着那个吃不着啊{:4_189:}

马黑黑 发表于 2022-2-12 21:57

绿叶清舟 发表于 2022-2-12 21:39
还记着那个吃不着啊

口水都流了一吨

绿叶清舟 发表于 2022-2-12 22:02

马黑黑 发表于 2022-2-12 21:57
口水都流了一吨

这么厉害正好拿来洗碗了{:4_189:}

马黑黑 发表于 2022-2-12 22:43

绿叶清舟 发表于 2022-2-12 22:02
这么厉害正好拿来洗碗了

不怕有狂犬病呀{:4_170:}

樵歌 发表于 2022-2-13 08:17

欢乐的曲儿，还是原汁原味的江南味儿，那元宵一定也是江南的甜蜜味儿，先给俺来上十几碗，如何。{:4_178:}{:4_170:}{:4_204:}

红影 发表于 2022-2-13 10:51

清舟好棒，这就用在帖子里了，厉害{:4_187:}

红影 发表于 2022-2-13 10:52

这个的确是评分后会出现重复乐曲，不知道咋回事。

大猫咪 发表于 2022-2-15 13:54

清舟好制作， 好喜庆的歌，{:5_106:} 元宵节快乐！

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

绿叶清舟 发表于 2022-2-15 20:46

大猫咪 发表于 2022-2-15 13:54
清舟好制作， 好喜庆的歌， 元宵节快乐！

元宵节快乐，元宵吃了没啊

绿叶清舟 发表于 2022-2-15 20:46

红影 发表于 2022-2-13 10:52
这个的确是评分后会出现重复乐曲，不知道咋回事。

是啊，好象队长那里的也是

绿叶清舟 发表于 2022-2-15 20:47

樵歌 发表于 2022-2-13 08:17
欢乐的曲儿，还是原汁原味的江南味儿，那元宵一定也是江南的甜蜜味儿，先给俺来上十几碗，如何。{ ...

谢谢樵歌元宵节快乐，这是要去做生意啊{:4_189:}

绿叶清舟 发表于 2022-2-15 20:47

马黑黑 发表于 2022-2-12 22:43
不怕有狂犬病呀

最多狂马病了{:4_189:}

马黑黑 发表于 2022-2-15 21:17

绿叶清舟 发表于 2022-2-15 20:47
最多狂马病了

那也会东奔西跑的累人
页: [1] 2
查看完整版本: 恭祝大家元宵快乐