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

蝴蝶- 胡彦斌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/622d62445baa1a80ab130218.jpg>
<DIVstyle="MARGIN: 5px; position: relative; LEFT:950px; width:100px;TOP: 360px">
<IMG border=0 src="https://pic.imgdb.cn/item/622d62825baa1a80ab131d25.gif"width=100_height="100"></DIV>
<DIVstyle="MARGIN: 5px; position: relative; LEFT:550px; width:400px;TOP: 180px">
<IMG border=0 src="https://pic.imgdb.cn/item/622d63ca5baa1a80ab13b313.gif"width=400_height="400"></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 ="https://www.joy127.com/url/88838.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 12:32

这图太漂亮了！{:5_116:}歌也好听，谢谢师傅啦。。。{:4_187:}

东篱闲人 发表于 2022-3-13 12:34

庄生晓梦迷蝴蝶，望帝春心托杜鹃。
沧海月明珠有泪，蓝田日暖玉生烟。
这意境太美，太迷人。。。。{:4_204:}

东篱闲人 发表于 2022-3-13 12:34

看到那个朦胧的剪影了，师傅这是给俺整出家了啊，。，。，。。{:4_170:}

东篱闲人 发表于 2022-3-13 12:38

好看，好听，师傅好情义。。。{:4_174:}

红影 发表于 2022-3-13 12:57

清舟好美的制作，发现清舟用的动图都那么恰到好处，那蓝莹莹瓶子和蝴蝶好美呢{:4_187:}

红影 发表于 2022-3-13 12:58

文字设计也好棒，还有那只手和指上蝶，好美的帖子。东篱大哥的美妙礼物{:4_187:}

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

东篱闲人 发表于 2022-3-13 12:32
这图太漂亮了！歌也好听，谢谢师傅啦。。。

不用这么客气的啦

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

东篱闲人 发表于 2022-3-13 12:34
看到那个朦胧的剪影了，师傅这是给俺整出家了啊，。，。，。。

没有啊，就换了套衣服剃了个头啊{:4_189:}

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

红影 发表于 2022-3-13 12:57
清舟好美的制作，发现清舟用的动图都那么恰到好处，那蓝莹莹瓶子和蝴蝶好美呢

谢谢影，本来给另一个找的素材，可音乐找不到，用蝴蝶搜到这首就用上了

清儿幽幽 发表于 2022-3-13 16:32

一枚蝶飞入春天欣赏美图   道一声春祺{:4_171:}

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

清儿幽幽 发表于 2022-3-13 16:32
一枚蝶飞入春天欣赏美图   道一声春祺

谢谢清儿，问好

东篱闲人 发表于 2022-3-13 17:02

红影 发表于 2022-3-13 12:58
文字设计也好棒，还有那只手和指上蝶，好美的帖子。东篱大哥的美妙礼物

俺好开心。。。。{:5_116:}

东篱闲人 发表于 2022-3-13 17:02

绿叶清舟 发表于 2022-3-13 16:19
不用这么客气的啦

师傅喝水。。。{:4_176:}

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

清舟这创意非常漂亮，{:4_187:} 色彩也棒，赏心悦目啦！老头收礼物开心， {:4_187:}{:4_179:}

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

大猫咪 发表于 2022-3-13 19:02
清舟这创意非常漂亮， 色彩也棒，赏心悦目啦！老头收礼物开心，

猫来了啊，关起来了正好做些个贴了{:4_189:}

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

东篱闲人 发表于 2022-3-13 17:02
师傅喝水。。。

{:4_176:}干了

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

绿叶清舟 发表于 2022-3-13 19:56
猫来了啊，关起来了正好做些个贴了

是啊   也好，可以听听音乐，制作下帖，{:5_106:}

闲言不语 发表于 2022-3-13 20:02

东篱闲人 发表于 2022-3-13 12:34
看到那个朦胧的剪影了，师傅这是给俺整出家了啊，。，。，。。

难道不是吗？{:4_189:}{:4_199:}

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

大猫咪 发表于 2022-3-13 19:59
是啊   也好，可以听听音乐，制作下帖，

是啊一晃一天就过了
页: [1] 2 3
查看完整版本: 蝴蝶- 胡彦斌TO东篱