加林森 发表于 2022-1-30 22:46

《她会魔法吧》 --DJ小鱼儿演唱 送大家！


<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>

加林森 发表于 2022-1-30 22:47

根据老黑教程学习制作的。谢谢老黑！{:4_191:}@马黑黑

加林森 发表于 2022-1-30 22:54

@红影

加林森 发表于 2022-1-30 22:57

她会魔法吧歌词
她会魔法吧 - DJ小鱼儿
词：DJ小鱼儿
曲：DJ小鱼儿
编曲：DJ小鱼儿
混音：DJ小鱼儿
录音：DJ小鱼儿
和声：文魁/DJ小鱼儿
吉他：肖明
制作人：DJ小鱼儿
项目统筹/监制：张北/王梦祎
歌曲营销：张北/王梦祎
推广协力：晓欣/曼丽/德隆/佳晖/KK
出品：腾讯音乐人/中木文化
她
会魔法吧
让我无法自拔
不懂得悬崖勒马
让我体会吧
这爱恨的落差
爱是绚烂的烟火
遗憾是一现昙花
云儿飘啊飘啊
船儿也摇啊摇啊
请带我去远方
再看看她的笑吧
现在我无依无靠
失去温暖怀抱
你离开的每天
我都是煎熬
煎熬
她
会魔法吧
让我无法自拔
不懂得悬崖勒马
让我体会吧
这爱恨的落差
爱是绚烂的烟火
遗憾是一现昙花
云儿飘啊飘啊
船儿也摇啊摇啊
请带我去远方
再看看她的笑吧
现在我无依无靠
失去温暖怀抱
你离开的每天
我都是煎熬
云儿飘啊飘啊
船儿也摇啊摇啊
请带我去远方
再看看她的笑吧
现在我无依无靠
失去温暖怀抱
你离开的每天
我都是煎熬
煎熬






加林森 发表于 2022-1-30 23:28

@樵歌

红影 发表于 2022-1-31 10:17

好看的魔法功夫{:4_173:}

加林森 发表于 2022-1-31 10:37

红影 发表于 2022-1-31 10:17
好看的魔法功夫

红影大年好！{:4_187:}

红影 发表于 2022-1-31 11:55

加林森 发表于 2022-1-31 10:37
红影大年好！

谢谢队长，除夕快乐{:4_187:}

加林森 发表于 2022-1-31 11:59

红影 发表于 2022-1-31 11:55
谢谢队长，除夕快乐

过年好。{:4_176:}

小九 发表于 2022-1-31 12:02

队长功夫越来越好了！新年快乐！{:4_187:}

加林森 发表于 2022-1-31 12:22

小九 发表于 2022-1-31 12:02
队长功夫越来越好了！新年快乐！

小九中午好！{:4_187:}
准备过大年了，九妹准备吃什么啊？
页: [1]
查看完整版本: 《她会魔法吧》 --DJ小鱼儿演唱 送大家！