绿叶清舟 发表于 2022-2-17 22:10

我不是故意的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/620e4d862ab3f51d916cdeb3.jpg>
<DIVstyle="MARGIN: 5px; position: relative; LEFT:650px; width:200px;TOP: -140px">
<IMG border=0 src="https://www.huachaowang.com/data/attachment/forum/202202/17/215737g2n6n6qfnsquoh7u.gif"width=89 _height="100"></DIV>
</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: -100px; 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=454224500.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-17 22:11

{:4_334:}现在知道了原来这个是招牌动作啊{:4_189:}以后记住了

杨柳青 发表于 2022-2-17 22:26

PP漂亮~~歌好听~~{:5_116:}

小辣椒 发表于 2022-2-17 23:17

清舟这个图图颜色粉粉的，漂亮，播放器用了透明的，很相配的{:4_178:}

红影 发表于 2022-2-18 08:51

这个有意思，很童趣可爱。发现底图清爽用这个播放器更觉得好看呢{:4_187:}

大猫咪 发表于 2022-2-18 12:35

哈哈   清舟这制作好玩{:5_106:} 真棒！樵哥哥收礼开心{:4_187:}

樵歌 发表于 2022-2-18 13:01

难怪得俺昨晚上怎么也睡不着，原来是有礼物来了。{:4_205:}

樵歌 发表于 2022-2-18 13:02

谢谢清舟大美女。{:4_187:}

樵歌 发表于 2022-2-18 13:03

这些小萌萌都是俺喜欢滴。{:4_174:}

樵歌 发表于 2022-2-18 13:04

{:4_334:}这个标准动作成樵夫金字招牌了。{:4_375:}

加林森 发表于 2022-2-18 19:38

{:4_334:}

标准动作 。
樵歌你以后小心点哈。{:4_358:}

绿叶清舟 发表于 2022-2-18 21:17

樵歌 发表于 2022-2-18 13:02
谢谢清舟大美女。

樵歌晚上好，不客气了

绿叶清舟 发表于 2022-2-18 21:17

加林森 发表于 2022-2-18 19:38
标准动作 。
樵歌你以后小心点哈。

队长也记住了吧{:4_189:}

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

樵歌 发表于 2022-2-18 13:04
这个标准动作成樵夫金字招牌了。

拿了马甲看到登录就看到系统信息，点进去就看到抖脚就找来了这个表情，没想到看到有跟贴说是你的标准动作，然后。。。就常常在那抖上了{:4_189:}

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

杨柳青 发表于 2022-2-17 22:26
PP漂亮~~歌好听~~

谢谢杨柳晚上好

绿叶清舟 发表于 2022-2-18 21:22

小辣椒 发表于 2022-2-17 23:17
清舟这个图图颜色粉粉的，漂亮，播放器用了透明的，很相配的

辣椒晚上好，偷懒了要不得老换颜色了

绿叶清舟 发表于 2022-2-18 21:23

红影 发表于 2022-2-18 08:51
这个有意思，很童趣可爱。发现底图清爽用这个播放器更觉得好看呢

是啊，黑底的也很好看的

绿叶清舟 发表于 2022-2-18 21:24

大猫咪 发表于 2022-2-18 12:35
哈哈   清舟这制作好玩   真棒！樵哥哥收礼开心

猫好，也是搜图时看到有趣了

绿叶清舟 发表于 2022-2-18 21:25

樵歌 发表于 2022-2-18 13:01
难怪得俺昨晚上怎么也睡不着，原来是有礼物来了。

那真是俺这罪过还不小了{:4_189:}

加林森 发表于 2022-2-18 21:25

绿叶清舟 发表于 2022-2-18 21:17
队长也记住了吧

我这两个动作，都是樵歌曲的标准表情。{:4_189:}
页: [1] 2 3 4 5
查看完整版本: 我不是故意的TO樵歌