绿叶清舟 发表于 2022-2-17 11:58

意外

本帖最后由 绿叶清舟 于 2022-2-17 12:35 编辑 <br /><br /><DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: 0px; width:690px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=414 background=https://pic.imgdb.cn/item/620dc6072ab3f51d9199c302.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(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: 0px">
<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=1428826028.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 12:00

俺说咋这片片看着有点眼熟,十年前的片片了吧居然网上找到了

加林森 发表于 2022-2-17 12:17

不错不错,古琴好听,图片也好看。{:4_187:}

红影 发表于 2022-2-17 13:00

清舟曾经用过的签名?{:4_173:}

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

厉害厉害呀,十年前就会了,这水墨好意境。古琴也拔拉得有韵味。{:4_187:}

绿叶清舟 发表于 2022-2-17 20:26

加林森 发表于 2022-2-17 12:17
不错不错,古琴好听,图片也好看。

队长晚上好,还是中年玩时做的片片了

绿叶清舟 发表于 2022-2-17 20:26

红影 发表于 2022-2-17 13:00
清舟曾经用过的签名?

是不是想到和尚了啊{:4_189:}

绿叶清舟 发表于 2022-2-17 20:27

樵歌 发表于 2022-2-17 13:32
厉害厉害呀,十年前就会了,这水墨好意境。古琴也拔拉得有韵味。

樵歌晚上好,那会刚学PS的手正热着

加林森 发表于 2022-2-17 20:32

绿叶清舟 发表于 2022-2-17 20:26
队长晚上好,还是中年玩时做的片片了

就是,看见就很眼熟的。

绿叶清舟 发表于 2022-2-17 20:34

加林森 发表于 2022-2-17 20:32
就是,看见就很眼熟的。

俺也是,点看大图看到了边上的章才想起来是以前做的了

加林森 发表于 2022-2-17 20:37

绿叶清舟 发表于 2022-2-17 20:34
俺也是,点看大图看到了边上的章才想起来是以前做的了

那个时候就这么厉害了哇。{:4_189:}

绿叶清舟 发表于 2022-2-17 20:39

加林森 发表于 2022-2-17 20:37
那个时候就这么厉害了哇。

哪里啊,那时大家都在玩的跟着一起起哄的了

加林森 发表于 2022-2-17 20:51

绿叶清舟 发表于 2022-2-17 20:39
哪里啊,那时大家都在玩的跟着一起起哄的了

我就喜欢灌水与帖图片,你还记得吗?{:4_189:}

红影 发表于 2022-2-17 20:55

绿叶清舟 发表于 2022-2-17 20:26
是不是想到和尚了啊

差不多,太符合和尚了,还有这悠然的古琴曲,古韵悠悠的{:4_173:}

绿叶清舟 发表于 2022-2-17 20:59

加林森 发表于 2022-2-17 20:51
我就喜欢灌水与帖图片,你还记得吗?

当然记得了,也是一员大将了

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

红影 发表于 2022-2-17 20:55
差不多,太符合和尚了,还有这悠然的古琴曲,古韵悠悠的

和尚也就是因为头象和签名是一个很仙的老头被叫出来的{:4_189:}

加林森 发表于 2022-2-17 21:03

绿叶清舟 发表于 2022-2-17 20:59
当然记得了,也是一员大将了

那个时间就是玩这些的。我那个时间就开始喜欢音乐,但是不知道该怎么去帖音乐的哦。

红影 发表于 2022-2-17 21:15

绿叶清舟 发表于 2022-2-17 21:03
和尚也就是因为头象和签名是一个很仙的老头被叫出来的

结果把这个名号给打响了吧{:4_173:}

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

红影 发表于 2022-2-17 21:15
结果把这个名号给打响了吧

是啊,差不多玩成正身了{:4_189:}

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

加林森 发表于 2022-2-17 21:03
那个时间就是玩这些的。我那个时间就开始喜欢音乐,但是不知道该怎么去帖音乐的哦。

那时方便啊,系统里有个图标加个地址直接就能贴音乐了
页: [1] 2
查看完整版本: 意外