马黑黑 发表于 2021-10-18 19:29

加林森 发表于 2021-10-18 19:27
你个老家伙，听听多舒服啊。

俺怀旧

加林森 发表于 2021-10-18 19:41

本帖最后由 加林森 于 2022-4-2 17:13 编辑 <br /><br />马黑黑 发表于 2021-10-18 19:29
俺怀旧
一样一样的

<style type="text/css">
/* 外框盒子 */
#ces { position: relative; left:-205px; top:150px; width: 1024px; height: 600px;background:#333 url('https://pic.imgdb.cn/item/6247e01127f86abb2a4fde46.jpg') no-repeat center/cover;
      opacity: 0.8; box-shadow: 4px 4px 5px #888;border-radius:12px;}
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
      margin: auto;
      width: 360px;
      text-align: center;
      font-size: 3.8rem;
      font-weight: bold;
      color: #FFFFFF;
      transform-origin: top;
      animation: yao 0.8s linear infinite alternate;
}
/* 动画 */
@keyframes yao {
      from{transform: perspective(800px) rotatex(30deg); }
      to { transform: perspective(800px) rotatex(-30deg); }
}
/* 播放按钮 */
.picBtn {
      width: 100px;
      height: 89px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://pic.imgdb.cn/item/6243df5b27f86abb2a5598f1.gif') no-repeat;
      cursor: pointer;
}
</style>

<div id="ces" >
      <div id="baiBox" style="position: absolute; left:100px; top: 50px; ">回家</div>
      <div style="position: absolute; left:20px; top: 350px; width:600px;text-align:center;">
                <img alt="" src="https://pic.imgdb.cn/item/6247e3c027f86abb2a56f17a.gif"/>
                  
<p ><font color="#ffffff" size="4" >
         
                <div style="position:absolute; width:260px; left:160px; top: 190px; text-align:center;padding:5px;font-size:1.em;font-family:'微软雅黑';text-shadow:1px 1px 1px #000;">
                        <marqueescrollamount="4" direction="left" > 《回家》 -- 腾格尔
</marquee>
                </div>
      </div>
      <!-- 控制按钮应是父盒子的第一代子元素 -->
      <div style="position:absolute; width:120px; left: 110px; top:calc(100% - 140px); text-align:center;">
                <button id="picBtn" class="picBtn"></button>
      </div>
</div>
<!-- 播放器不要界面，无需放在帖子父盒子内 -->
<audio id="music" autoplay="autoplay" loop="loop" src="https://www.joy127.com/url/464.mp3" ></audio>

<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
      mu.paused ? (mu.play(), btn.style.background="url('https://pic.imgdb.cn/item/6243df5b27f86abb2a5598f1.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/6243df9527f86abb2a5660b9.png')");
}
mu.addEventListener("ended", function(){
      btn.style.background="url('https://pic.imgdb.cn/item/6243df9527f86abb2a5660b9.png')";
});

</script>

<br><br><br><br><br><br><br><br><br><br>

红影 发表于 2021-10-18 19:42

加林森 发表于 2021-10-18 17:30
是的

队长每天都那么晚啊{:4_204:}

加林森 发表于 2021-10-18 19:52

红影 发表于 2021-10-18 19:42
队长每天都那么晚啊

守住论坛啊

红影 发表于 2021-10-18 20:33

加林森 发表于 2021-10-18 19:52
守住论坛啊

队长辛苦了{:4_204:}

马黑黑 发表于 2021-10-18 20:46

加林森 发表于 2021-10-18 19:41
一样一样的

差不多的

加林森 发表于 2021-10-18 20:50

红影 发表于 2021-10-18 20:33
队长辛苦了

不辛苦啊，我就当守住阵地嘛。

加林森 发表于 2021-10-18 20:50

马黑黑 发表于 2021-10-18 20:46
差不多的

嗯嗯

红影 发表于 2021-10-19 09:49

加林森 发表于 2021-10-18 20:50
不辛苦啊，我就当守住阵地嘛。

敢死队的风格{:4_173:}

加林森 发表于 2021-10-19 13:01

红影 发表于 2021-10-19 09:49
敢死队的风格

必须的{:4_205:}

马黑黑 发表于 2021-10-19 18:22

会耍大刀不

加林森 发表于 2021-10-19 18:28

马黑黑 发表于 2021-10-19 18:22
会耍大刀不

会啊

马黑黑 发表于 2021-10-19 20:13

加林森 发表于 2021-10-19 18:28
会啊

耍的水平一般吧

加林森 发表于 2021-10-19 20:17

马黑黑 发表于 2021-10-19 20:13
耍的水平一般吧

一般一般

马黑黑 发表于 2021-10-19 20:50

加林森 发表于 2021-10-19 20:17
一般一般

那我就放心了

小辣椒 发表于 2021-10-19 22:29

欣赏队长精彩的制作{:4_178:}

红影 发表于 2021-10-20 09:43

加林森 发表于 2021-10-19 13:01
必须的

勇往无前{:4_173:}

加林森 发表于 2021-10-20 11:20

小辣椒 发表于 2021-10-19 22:29
欣赏队长精彩的制作

继续学习

加林森 发表于 2021-10-20 11:21

红影 发表于 2021-10-20 09:43
勇往无前

就是，必须发扬我的战场战法。

红影 发表于 2021-10-20 20:41

加林森 发表于 2021-10-20 11:21
就是，必须发扬我的战场战法。

吧论坛当战场，真有你的{:4_173:}
页: 1 2 3 [4] 5
查看完整版本: 《寂寞是你给的苦》 冷漠 云菲菲