绿叶清舟 发表于 2022-3-19 12:24

上海情话

<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=556 background=https://pic.imgdb.cn/item/62355a965baa1a80ab8d35b9.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(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=1909612200.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-19 12:26

这个好，清舟厉害，也把东篱的头像弄帖子里去了，标准的以其人之道还治其人之身啊{:4_170:}

红影 发表于 2022-3-19 12:27

还别说，东篱大哥坐在黄包车里的样子还挺好的呢，可惜没人给拉车，车夫都被咱们青红帮吓跑了{:4_170:}

红影 发表于 2022-3-19 12:28

从摇椅里跑黄包车里去了，东篱大哥跑得真快{:4_189:}

加林森 发表于 2022-3-19 12:31

清舟厉害了哇，把老兄整进黄包车里了，有点上海老大的样子。{:4_199:}

朵嫣 发表于 2022-3-19 13:59

东篱大哥很拉風啊{:5_106:}

马黑黑 发表于 2022-3-19 17:54

东篱风光再现

大猫咪 发表于 2022-3-19 19:06

哈哈   清舟开始玩换头了{:5_117:}，创意真赞， 很有想象力 {:4_170:} 老头也太幸福了吧，真拉风

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

大猫咪 发表于 2022-3-19 19:09

哈哈越看越想笑，看老头那神情仿佛在无声地告诉人们，什么是幸福！ {:4_170:}

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

大猫咪 发表于 2022-3-19 19:06
哈哈   清舟开始玩换头了，创意真赞， 很有想象力老头也太幸福了吧，真拉风

{:4_1 ...

一转身变成上海 老克勒了{:4_189:}

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

马黑黑 发表于 2022-3-19 17:54
东篱风光再现

以前的见过？

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

朵嫣 发表于 2022-3-19 13:59
东篱大哥很拉風啊

朵嫣来了啊，好久不见了

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

加林森 发表于 2022-3-19 12:31
清舟厉害了哇，把老兄整进黄包车里了，有点上海老大的样子。

谢谢队长

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

红影 发表于 2022-3-19 12:27
还别说，东篱大哥坐在黄包车里的样子还挺好的呢，可惜没人给拉车，车夫都被咱们青红帮吓跑了

谁叫他惹上帮主了{:4_189:}

大猫咪 发表于 2022-3-19 19:13

绿叶清舟 发表于 2022-3-19 19:10
一转身变成上海 老克勒了

哈哈   还一脸不高兴呢{:4_170:}

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

大猫咪 发表于 2022-3-19 19:09
哈哈越看越想笑，看老头那神情仿佛在无声地告诉人们，什么是幸福！

心花怒放的吧{:4_189:}

大猫咪 发表于 2022-3-19 19:14

绿叶清舟 发表于 2022-3-19 19:13
心花怒放的吧

妹妹还不够 {:4_170:}想想老头以前有三宫六院的   {:4_170:}

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

大猫咪 发表于 2022-3-19 19:14
妹妹还不够 想想老头以前有三宫六院的

现在独宠一个了{:4_189:}

大猫咪 发表于 2022-3-19 19:18

绿叶清舟 发表于 2022-3-19 19:16
现在独宠一个了

{:5_117:} 怪不得一脸严肃，哈哈

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

天啊，师傅你太有才啦。。。。{:4_187:}
页: [1] 2 3
查看完整版本: 上海情话