绿叶清舟 发表于 2022-2-24 20:40

Only You 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/62177c652ab3f51d91a34a80.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(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=25707134.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-24 20:44

哈哈   清舟，   猫准备给猪猪求爱吗{:5_106:}{:5_117:}

樵歌 发表于 2022-2-24 20:48

乍全是猪二师兄呀。和猫咪可不匹配嘛。{:4_358:}

绿叶清舟 发表于 2022-2-24 20:51

大猫咪 发表于 2022-2-24 20:44
哈哈   清舟，   猫准备给猪猪求爱吗

这是那天下雪的狗狗啊，这里看和你头象真有点象了{:4_189:}

绿叶清舟 发表于 2022-2-24 20:51

樵歌 发表于 2022-2-24 20:48
乍全是猪二师兄呀。和猫咪可不匹配嘛。

现在流行混搭的嘛{:4_189:}

大猫咪 发表于 2022-2-24 20:51

{:4_172:}嗯嗯 看出来了

大猫咪 发表于 2022-2-24 20:52

樵歌 发表于 2022-2-24 20:48
乍全是猪二师兄呀。和猫咪可不匹配嘛。

樵哥哥晚上好{:4_170:}

杨柳青 发表于 2022-2-24 20:55

漂亮~~~~猪和猫是有缘分的~~~~{:5_117:}

大猫咪 发表于 2022-2-24 20:56

杨柳青 发表于 2022-2-24 20:55
漂亮~~~~猪和猫是有缘分的~~~~

看出来了啊{:4_170:}

红影 发表于 2022-2-24 21:00

这个英文字体还真漂亮呢，还有那个雪堆的小狗狗，清舟的制作真漂亮{:4_187:}

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

杨柳青 发表于 2022-2-24 20:55
漂亮~~~~猪和猫是有缘分的~~~~

有故事吗？

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

红影 发表于 2022-2-24 21:00
这个英文字体还真漂亮呢，还有那个雪堆的小狗狗，清舟的制作真漂亮

这字体的图上抠来的了

红影 发表于 2022-2-24 21:01

这个是改编过的英文老歌吧{:4_173:}

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

红影 发表于 2022-2-24 21:01
这个是改编过的英文老歌吧

大话西游里的，情节不知道只知道这只歌了

马黑黑 发表于 2022-2-24 21:20

怎么猪多猫少

红影 发表于 2022-2-24 21:22

绿叶清舟 发表于 2022-2-24 21:01
这字体的图上抠来的了

这字体居然还带个猫爪呢，真是绝了{:4_189:}

红影 发表于 2022-2-24 21:23

绿叶清舟 发表于 2022-2-24 21:03
大话西游里的，情节不知道只知道这只歌了

怪不得，感觉是粤语歌，反正粤语也听不懂，只当外文歌听了{:4_189:}

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

红影 发表于 2022-2-24 21:23
怪不得，感觉是粤语歌，反正粤语也听不懂，只当外文歌听了

也不知道唱的啥，只知道是个话唠歌{:4_189:}

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

马黑黑 发表于 2022-2-24 21:20
怎么猪多猫少

猪必须多的嘛

马黑黑 发表于 2022-2-24 21:29

绿叶清舟 发表于 2022-2-24 21:28
猪必须多的嘛

猪肉多了猫吃不完
页: [1] 2
查看完整版本: Only You TO大猫咪