论坛 › 欢乐水吧 › 我们的生活充满阳光 TO: 队长

小九 发表于 2022-3-20 20:47

我们的生活充满阳光 TO: 队长

<style type="text/css">
/* 外框盒子 */
#xq { position: relative; left:-395px; top:50px; width: 1200px; height: 1300px; background:#333 url('/data/attachment/forum/202203/20/204036r4a8znz58z8ojfv4.jpg') no-repeat center/cover; box-shadow: 4px 4px 5px #888;border-radius:12px;  }
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
        margin: auto;
        width: 360px;
        text-align: center;
        font-size: 5rem;
        font-weight: bold;
        color: #EEEE00;
        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: 0px;
        height: 0px;
        border: none;
        outline: none;
        border-radius: 0px;
        background: transparent url('https://pic.imgdb.cn/item/622db6215baa1a80ab3dff55.gif') no-repeat;
        cursor: pointer;
}
</style>

<div id="xq" >
        <div id="baiBox" style="position: absolute; left:120px; top: 40px; "></div>
        <div style="position: absolute; left:650px; top: 150px; width:400px;text-align:center;">
                <img alt="" src="http://image.hnol.net/c/2021-01/10/10/202101101019478794-5088534.gif"/>
                <div style="position:absolute; width:260px; left:560px; top: 10px; text-align:center;padding:10px;font-size:1em;font-family:'微软雅黑';text-shadow:1px 1px 2px #000;">
                        <marquee  scrollamount="5" direction="left" > </marquee>
                </div>
        </div>
        <!-- 控制按钮应是父盒子的第一代子元素 -->
        <div style="position:absolute; width:120px; left: 10px; top:calc(100% - 140px); text-align:center;">
                <button id="picBtn" class="picBtn"></button>
        </div>
</div>
<!-- 播放器不要界面，无需放在帖子父盒子内 -->
<audio id="music" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=357933.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/622db6215baa1a80ab3dff55.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/622db73d5baa1a80ab3e783b.gif')");
}
mu.addEventListener("ended", function(){
        btn.style.background="url('https://pic.imgdb.cn/item/622db73d5baa1a80ab3e783b.gif')";
});
</script>
</script>
</script>
</script>
</script>
</script>
</script>
</script>

小九 发表于 2022-3-20 20:47

@加林森 {:4_190:}

加林森 发表于 2022-3-20 20:50

来啦来啦，黑鸭子组合演唱的，真好听。小九好制作，我们的生活充满阳光，真是好的构思。谢谢啦！{:4_187:}{:4_204:}{:4_190:}

大猫咪 发表于 2022-3-20 20:51

小九越做越棒了，色彩，图片，融合的漂亮，有满满的回忆感，好喜欢这歌，真温暖！

队长收礼开心！

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

大猫咪 发表于 2022-3-20 20:51

姑娘笑的真甜，象花一样{:4_187:}

小九 发表于 2022-3-20 21:02

加林森 发表于 2022-3-20 20:50
来啦来啦，黑鸭子组合演唱的，真好听。小九好制作，我们的生活充满阳光，真是好的构思。谢谢啦！{ ...

队长，这首歌里也应该有你的美好回忆吧，所以把它送给你，祝福你的生活继续充满阳光{:4_191:}

来看你 发表于 2022-3-20 21:02

明媚的阳光 {:4_204:}

小九 发表于 2022-3-20 21:02

大猫咪 发表于 2022-3-20 20:51
姑娘笑的真甜，象花一样

嗯嗯，跟花儿一样美{:4_189:}

小九 发表于 2022-3-20 21:03

来看你 发表于 2022-3-20 21:02
明媚的阳光

看看来了{:4_187:}

加林森 发表于 2022-3-20 21:06

小九 发表于 2022-3-20 21:02
队长，这首歌里也应该有你的美好回忆吧，所以把它送给你，祝福你的生活继续充满阳光

让我回忆到过去了，谢谢小九。{:4_187:}

来看你 发表于 2022-3-20 21:10

小九 发表于 2022-3-20 21:03
看看来了

你们都会做美美的帖子，好腻害 {:4_187:}

小九 发表于 2022-3-20 21:21

来看你 发表于 2022-3-20 21:10
你们都会做美美的帖子，好腻害

在学习中的，目前稍微找到点点感觉了{:4_187:}

红影 发表于 2022-3-20 21:52

漂亮，画面很明媚。队长收礼开心{:4_187:}

加林森 发表于 2022-3-20 22:06

大猫咪 发表于 2022-3-20 20:51
小九越做越棒了，色彩，图片，融合的漂亮，有满满的回忆感，好喜欢这歌，真温暖！

队长收礼开心！


谢谢猫猫支持，我很开森的。

加林森 发表于 2022-3-20 22:07

红影 发表于 2022-3-20 21:52
漂亮，画面很明媚。队长收礼开心

谢谢红影。很开森的。{:4_204:}

大猫咪 发表于 2022-3-20 22:08

加林森 发表于 2022-3-20 22:06
谢谢猫猫支持，我很开森的。

我们的生活每天都充满阳光{:4_179:}

加林森 发表于 2022-3-20 22:10

大猫咪 发表于 2022-3-20 22:08
我们的生活每天都充满阳光

就是，我们的生活都充满了阳光，真开心。{:4_179:}

樵歌 发表于 2022-3-21 08:02

小九的图图意境很好，你一道金色的阳光撒满天地，歌儿出来的年代队长也才是小盆友呢，你说不写还在前世，你是怎么找到这种感觉的，真是厉害。{:4_189:}

红影 发表于 2022-3-21 11:54

加林森 发表于 2022-3-20 22:07
谢谢红影。很开森的。

九儿的做图也好看呢，很棒的礼物{:4_204:}

加林森 发表于 2022-3-21 12:20

红影 发表于 2022-3-21 11:54
九儿的做图也好看呢，很棒的礼物

就是，现在小九也挺厉害了。{:4_189:}

查看完整版本: 我们的生活充满阳光 TO: 队长