论坛 › 欢乐水吧 › 牛三斤TO马黑

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

牛三斤TO马黑

<style>
/* 帖子外层 */
.outer {
      left: -314px; /* 水平定位*/
      width: 1280px; /* 帖子宽度 */
      height: 720px; /* 帖子高度 */
      background: #ccc url('https://ss1.baidu.com/-4o3dSag_xI4khGko9WTAnF6hhy/map/pic/item/9345d688d43f8794203338d3d51b0ef41ad53a7a.jpg') no-repeat; /* 帖子背景 */
      box-shadow: 0 4px 18px #000; /* 盒子阴影*/
      position: relative; /* 重要 帖子定位依赖 */
}

/* 歌词同步显示框 */
.lrcbox {
      transform: translate(20px, 20px); /* 定位 */
      font: bold 1em sans-serif; /* 文本 */
      color: #fff; /* 字体颜色 */
      text-shadow: 1px 1px 2px #000; /* 文本阴影 */
      background: black linear-gradient(transparent,lightgreen); /* 盒子背景*/
      border-radius: 100% 0; /* 盒子边框 */
      cursor: pointer; /* 手型指针 */
      position: absolute; /* 关键 歌词显示框依赖于此 */
}
</style>

<div class="outer">
      <div class="lrcbox">
                <p id="geci" style="padding: 0;margin: 4px 0">Loading ...</p>
                <meter id="meter" value="0" min="0" max="100" low="33" high="66" optimum="70"></meter>
      </div>
</div>
<audio id="aud" src="https://sd-sycdn.kuwo.cn/71edec334afe8cf585ef7d99bdc7d067/62ac61a0/resource/n1/6/6/1035852199.mp3" autoplay="autoplay" loop="loop"></audio>

<script>
//盒子句柄
let lrcbox = document.querySelector('.lrcbox'),
      geci = document.querySelector('#geci'),
      aud = document.querySelector('#aud'),
      meter = document.querySelector('#meter');
let prog = (tt, cc) => 100 * cc / tt;//计算播放进度
//歌词数组
let lrcAr = [
        ['1.12','牛三斤 牛三斤'],
        ['9.50','你的媳妇叫吕桂花'],
        ['16.96','吕桂花让问一问'],
        ['23.73','最近你还回来吗']
];
//歌词框单击事件
lrcbox.onclick = () => aud.paused ? aud.play() : aud.pause();
//audio进度监听事件
aud.addEventListener('timeupdate', () => {
      meter.value = prog(aud.duration, aud.currentTime);
      let tt = aud.currentTime;
      for(j=0; j<lrcAr.length; j++){
                if(tt >= lrcAr){
                        geci.innerHTML = lrcAr;
                }
      }
})
</script>

绿叶清舟 发表于 2022-6-17 19:20

找到了，每只歌都这么唱多好{:4_189:}

红影 发表于 2022-6-17 19:52

这歌曲好短啊，哈哈，歌词同步太容易做了{:4_189:}

红影 发表于 2022-6-17 19:53

这个是请黑黑吃牛肉的节奏么{:4_189:}

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

红影 发表于 2022-6-17 19:53
这个是请黑黑吃牛肉的节奏么

大概如此，都知道我猪肉吃多了，要吃吃牛肉改改口味

加林森 发表于 2022-6-17 20:29

我怎么听不见呢？{:4_203:}

加林森 发表于 2022-6-17 20:30

是不是只请老黑吃这个，另外的就不能听到了？{:5_103:}

绿叶清舟 发表于 2022-6-17 20:45

加林森 发表于 2022-6-17 20:30
是不是只请老黑吃这个，另外的就不能听到了？

怕别人听到了抢着吃啊

加林森 发表于 2022-6-17 20:46

绿叶清舟 发表于 2022-6-17 20:45
怕别人听到了抢着吃啊

我真听不见呢？好奇怪的。

小辣椒 发表于 2022-6-17 20:49

这个好像没有听到音乐{:4_203:}

红影 发表于 2022-6-17 22:08

马黑黑 发表于 2022-6-17 19:54
大概如此，都知道我猪肉吃多了，要吃吃牛肉改改口味

而且一吃就吃三斤{:4_189:}

东篱闲人 发表于 2022-6-17 22:20

太能吃了。。。{:5_115:}

马黑黑 发表于 2022-6-17 22:24

红影 发表于 2022-6-17 22:08
而且一吃就吃三斤

比武松它们差远了

红影 发表于 2022-6-18 08:27

马黑黑 发表于 2022-6-17 22:24
比武松它们差远了

跟武松，还差三碗不过岗的酒，再加上酒就差不多了{:4_173:}

马黑黑 发表于 2022-6-18 09:09

红影 发表于 2022-6-18 08:27
跟武松，还差三碗不过岗的酒，再加上酒就差不多了

那就来三大碗酒，上牛三斤

红影 发表于 2022-6-18 09:14

马黑黑 发表于 2022-6-18 09:09
那就来三大碗酒，上牛三斤

6斤东西下肚，吃完肯定站不起来了{:4_170:}

马黑黑 发表于 2022-6-18 09:15

红影 发表于 2022-6-18 09:14
6斤东西下肚，吃完肯定站不起来了

嗯，可能会像个圆嘟嘟的生气的河豚

红影 发表于 2022-6-18 09:19

马黑黑 发表于 2022-6-18 09:15
嗯，可能会像个圆嘟嘟的生气的河豚

这个说法太形象了，真有你的{:4_172:}

马黑黑 发表于 2022-6-18 09:21

红影 发表于 2022-6-18 09:19
这个说法太形象了，真有你的

养猪的人都会养鱼的

红影 发表于 2022-6-18 09:27

马黑黑 发表于 2022-6-18 09:21
养猪的人都会养鱼的

养的东西不少，还养过什么{:4_173:}

查看完整版本: 牛三斤TO马黑