加林森 发表于 2021-12-13 21:29

本帖最后由 加林森 于 2022-1-30 22:44 编辑 <br /><br />杨柳青 发表于 2021-12-13 21:23
好好好~~~人美画美歌美~~~
喜欢就送你{:4_189:}

<style type="text/css">

.paBox {
        margin: auto;
        width: 720px;
        height: 620px;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
        box-shadow: 4px 4px 8px 2px #000;
        padding: 8px;
}

.imgBox { position: relative; flex-grow: 2; background: repeating-radial-gradient(circle, white, olive,transparent, gray); }
.imgBox img {
        position: absolute;
        top:0; left:0; right:0; bottom:0;
        margin: auto;
        width: 100%;
        height: 100%;
        cursor: pointer;
        animation: in 5s infinite alternate;
}
.imgBox img:hover { animation-play-state: paused; }
.footBox { height: 100px; display: flex; flex-direction: row; gap: 8px; justify-content: center; }
.footBox img { width: 100px; height: 100px; border-radius: 50%; cursor: pointer; opacity: 0.8; }
.footBox img:hover { opacity:1; }
.wyyyy { position: absolute;left:-45px; top:480px; clip-path: circle(33px at 43px 43px); opacity: 0.8;z-index: 6; }
@keyframes in {
        50% { transform: rotate(0deg) scale(1,1); }
        100% { transform: rotate(360deg) scale(0.01,0.01); }
}
</style>

<div class="paBox">
        <iframe class="wyyyy" frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=1464868771&auto=1&height=66"></iframe>
        <div class="imgBox"><img id="bigpic" src="https://pic.imgdb.cn/item/61f696e22ab3f51d91c95089.jpg" alt="" /></div>
        <div class="footBox">
                <img id="img1" onclick="showpic('img1')" src="https://pic.imgdb.cn/item/61f697362ab3f51d91c9a4da.jpg" alt="" />
                <img id="img2" onclick="showpic('img2')" src="https://pic.imgdb.cn/item/61f69f5e2ab3f51d91d31720.jpg" alt="" />
                <img id="img3" onclick="showpic('img3')" src="https://pic.imgdb.cn/item/61f69fb22ab3f51d91d376e8.jpg" alt="" />
                <img id="img4" onclick="showpic('img4')" src="https://pic.imgdb.cn/item/61f69ff52ab3f51d91d3c339.jpg" alt="" />
                <img id="img5" onclick="showpic('img5')" src="https://pic.imgdb.cn/item/61f6a0462ab3f51d91d41d70.jpg" alt="" />
                <img id="img6" onclick="showpic('img6')" src="https://pic.imgdb.cn/item/61f6a09f2ab3f51d91d47e11.jpg" alt="" />
        </div>
</div>

<script>
var bigpic = document.getElementById('bigpic');
function showpic(id) { bigpic.src = document.getElementById(id).src; }
function auplay(){
        var num = Math.floor(Math.random()*5)+1;
        showpic('img'+num);
}
setInterval(auplay, 10000)
</script>

红影 发表于 2021-12-13 21:31

这个动图很漂亮，好听的歌儿。欣赏队长好制作{:4_187:}

杨柳青 发表于 2021-12-13 21:35

加林森 发表于 2021-12-13 21:29
喜欢就送你

就要里面的闪闪光光的人~~~{:5_117:}

加林森 发表于 2021-12-13 21:36

红影 发表于 2021-12-13 21:31
这个动图很漂亮，好听的歌儿。欣赏队长好制作

谢谢红影！{:4_204:}

加林森 发表于 2021-12-13 21:37

杨柳青 发表于 2021-12-13 21:35
就要里面的闪闪光光的人~~~

是不是啊？{:4_170:}

杨柳青 发表于 2021-12-13 21:44

加林森 发表于 2021-12-13 21:37
是不是啊？

队长想占为己有~~~{:5_115:}

加林森 发表于 2021-12-13 21:48

杨柳青 发表于 2021-12-13 21:44
队长想占为己有~~~

送你的，带走吧！

红影 发表于 2021-12-13 22:07

加林森 发表于 2021-12-13 21:36
谢谢红影！

来听好歌{:4_187:}

马黑黑 发表于 2021-12-13 22:41

高胜美送大家

加林森 发表于 2021-12-13 22:52

马黑黑 发表于 2021-12-13 22:41
高胜美送大家

必须必须

马黑黑 发表于 2021-12-13 23:16

加林森 发表于 2021-12-13 22:52
必须必须

{:4_199:}

加林森 发表于 2021-12-14 16:58

马黑黑 发表于 2021-12-13 23:16


不错不错

马黑黑 发表于 2021-12-14 19:15

加林森 发表于 2021-12-14 16:58
不错不错

{:4_195:}

加林森 发表于 2021-12-14 19:37

马黑黑 发表于 2021-12-14 19:15


老黑在喊集合啦。

马黑黑 发表于 2021-12-14 19:42

加林森 发表于 2021-12-14 19:37
老黑在喊集合啦。

是不是呢
页: 1 2 [3]
查看完整版本: 《几度雪花醉》-高胜美 送大家！