喝酒-杨梓

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

<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/6207a1ff2ab3f51d91a3b5e5.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: -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=1365448816.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 13:07

看得笑喷，小狗狗也会举酒杯呢{:4_173:}

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

制作漂亮，这个播放器放在这里正合适呢。看起来那红酒已经醒好了，跟清舟喝一杯{:4_176:}

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

红影发表于 2022-2-17 13:07
看得笑喷，小狗狗也会举酒杯呢

本来想做给元酒的没敢发了{:4_189:}

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

红影发表于 2022-2-17 13:09
制作漂亮，这个播放器放在这里正合适呢。看起来那红酒已经醒好了，跟清舟喝一杯

{:4_176:}一起干了，这样背景正好给融了

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

绿叶清舟发表于 2022-2-17 20:23
本来想做给元酒的没敢发了

哈哈，谁让他拿了这马甲，就算发给元酒肯定也没脾气{:4_173:}

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

绿叶清舟发表于 2022-2-17 20:23
一起干了，这样背景正好给融了

白天听不了，这首歌还挺有趣的，这一杯又一杯的，非喝倒了不可啊{:4_173:}

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

红影发表于 2022-2-17 20:53
白天听不了，这首歌还挺有趣的，这一杯又一杯的，非喝倒了不可啊

喝了就一定要喝到位的嘛{:4_189:}

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

红影发表于 2022-2-17 20:52
哈哈，谁让他拿了这马甲，就算发给元酒肯定也没脾气

怕一发掉马甲啊{:4_189:}

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

绿叶清舟发表于 2022-2-17 21:08
喝了就一定要喝到位的嘛

这个演唱得也很到位，这样有特色的歌肯定受众不少，想喝的人都可以边唱边喝了{:4_173:}

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

绿叶清舟发表于 2022-2-17 21:09
怕一发掉马甲啊

单独一个人发容易掉，要是几个人一起，反倒相互掩盖着了{:4_173:}

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

红影发表于 2022-2-17 21:21
单独一个人发容易掉，要是几个人一起，反倒相互掩盖着了

是啊，这次俺还故意搬了一个自己的旧贴去了{:4_189:}没想到其他人猜的冬雨，反被冬雨把俺抓出来了{:4_189:}

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

红影发表于 2022-2-17 21:20
这个演唱得也很到位，这样有特色的歌肯定受众不少，想喝的人都可以边唱边喝了

学一下以后劝酒的时候唱{:4_189:}

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

绿叶清舟发表于 2022-2-17 21:24
是啊，这次俺还故意搬了一个自己的旧贴去了没想到其他人猜的冬雨，反被冬雨把俺抓出来了{:4_189 ...

说明你和冬雨的风格有相近的地方，别人容易混淆你俩，冬雨自己肯定不会混淆的啊{:4_173:}

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

绿叶清舟发表于 2022-2-17 21:25
学一下以后劝酒的时候唱

这个可以有{:4_172:}

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

红影发表于 2022-2-17 21:31
说明你和冬雨的风格有相近的地方，别人容易混淆你俩，冬雨自己肯定不会混淆的啊

俺都没发现他，那天小耳朵上来聊了一会的，看到他和猫的贴把他当成猫了

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

哈哈~~清舟也是会玩搞笑的{:4_172:}

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

好像有2个音乐出来，我关闭了小按钮，还是有音乐出来

红影发表于 2022-2-18 09:32

绿叶清舟发表于 2022-2-17 22:19
俺都没发现他，那天小耳朵上来聊了一会的，看到他和猫的贴把他当成猫了

哈哈，开始我也没认出来，我叫他小耳朵，他说我没礼貌，我想了想对方说话的语气，心里有几分肯定了{:4_173:}

大猫咪 发表于 2022-2-20 18:43

哈哈制作好棒， ,感觉这狗狗很霸气{:4_170:}是不是千羽家的{:4_170:}

{:4_170:}{:4_204:}{:4_190:}

页: [1] 2 3

花潮论坛's Archiver

喝酒-杨梓