论坛 › 欢乐水吧 › 笨蛋

绿叶清舟 发表于 2023-3-12 20:08

笨蛋

<style>

.outer { left: -250px; width: 1100px; height: 700px; background: url('https://pic.imgdb.cn/item/640dbf88f144a0100777c711.jpg') no-repeat; overflow: hidden; position: relative; }

.goose { position: absolute; bottom: 30px; left: 150px; width: 200px; cursor: pointer; mix-blend-mode: darken;}

/* 播放器 */
#mplayer {
      position: absolute; /* 绝对定位方式 */
      width: 100px;/* 宽度 */
      height: px;/* 高度 */
      left: 110px; /* 定位 ：左边值 */
      top: px; /* 定位 ：右边值 */
      background: olive;/* 背景色 */
      cursor: pointer; /*鼠标指针样式 ：手型 */
      animation: spin 8s linear infinite;/* 运行动画 */
      animation-play-state: var(--state);/* 动画运行状态 ：通过变量接受JS控制 */
      animation: fly 20s infinite;
}



</style>

<div class="outer">
        <div class="sky"></div>
        <img id="mplayer" class="goose" src="https://pic.imgdb.cn/item/640dbfc9f144a010077843f0.gif" alt="" />       
</div>
<audio id="aud" src="http://music.163.com/song/media/outer/url?id=358278.mp3" autoplay="autoplay" loop="loop"></audio>

<script>

let mState = () => {
      aud.paused ? papa.style.setProperty('--state', 'paused') : papa.style.setProperty('--state', 'running');
};

mplayer.addEventListener('click', () => {
      aud.paused ? aud.play() : aud.pause();
});

aud.addEventListener('play', () => mState());

aud.addEventListener('pause', () => mState());
</script>

小辣椒 发表于 2023-3-12 20:14

{:4_170:}

先笑一会

小辣椒 发表于 2023-3-12 20:15

清舟的特别有创意，好玩{:4_178:}

马黑黑 发表于 2023-3-12 20:22

好多蛋

绿叶清舟 发表于 2023-3-12 20:24

小辣椒 发表于 2023-3-12 20:14
先笑一会

今天听歌正好听到这首了{:4_189:}

绿叶清舟 发表于 2023-3-12 20:24

马黑黑 发表于 2023-3-12 20:22
好多蛋

吃一个？

樵歌 发表于 2023-3-12 20:31

那个小人对顶着的帽子很是不爽{:4_170:}

樵歌 发表于 2023-3-12 20:32

跳槽就是这样产生的{:4_189:}

绿叶清舟 发表于 2023-3-12 20:35

樵歌 发表于 2023-3-12 20:32
跳槽就是这样产生的

笨蛋跳槽变成傻蛋{:4_189:}

梦油 发表于 2023-3-12 20:39

傻蛋+笨蛋=囧蛋

绿叶清舟 发表于 2023-3-12 20:42

梦油 发表于 2023-3-12 20:39
傻蛋+笨蛋=囧蛋

还好没有变成混蛋的了{:4_173:}

马黑黑 发表于 2023-3-12 21:13

绿叶清舟 发表于 2023-3-12 20:24
吃一个？

看上去口感不行

雨中悄然 发表于 2023-3-12 21:21

创意十足，这个好玩

醉美水芙蓉 发表于 2023-3-12 21:26

红影 发表于 2023-3-12 23:11

这个太有趣了，咋给你想出来的{:4_189:}

焱鑫磊 发表于 2023-3-13 00:23

棒棒哒！！！{:4_204:}

庶民 发表于 2023-3-13 04:24

太有创意乐

樵歌 发表于 2023-3-13 07:51

绿叶清舟 发表于 2023-3-12 20:35
笨蛋跳槽变成傻蛋

所以不要轻易跳{:4_189:}

梦油 发表于 2023-3-13 14:52

绿叶清舟 发表于 2023-3-12 20:42
还好没有变成混蛋的了

糨子锅里煮元宵——混蛋一锅粥。

绿叶清舟 发表于 2023-3-15 16:26

马黑黑 发表于 2023-3-12 21:13
看上去口感不行

不吃怎么知道啊

查看完整版本: 笨蛋