本帖最后由 加林森 于 2022-1-29 17:55 编辑 <br /><br />大猫咪 发表于 2021-12-13 20:30
也特别喜欢听她忧伤一点的歌 《为什么我的真换来我的疼 》这个也好听
猫猫来看,图片出来了,很漂亮的啊。
<style type="text/css">
.mnBox {
margin: 0 auto;
padding: 35px;
width: 660px;
border: none;
border-top: 6px solid #000;/* 顶部边框样式*/
border-radius: 10px;
background: #b3c3c3;
}
.ctBox {
margin: 0;
padding: 10px;
background: #fff;
min-height: 300px;
border-radius: 10px;
box-shadow: 1px 3px 2px 2px rgba(4,4,4,.6);
}
.ctBox p,img, h2,button { text-align:center; }
.picBtn {
width: 32px;
height: 32px;
outline: none;
border: none;
border-radius: 8px;
background: transparent url('https://pic.imgdb.cn/item/61e446952ab3f51d917b0f77.png') no-repeat;
cursor: pointer;
box-shadow: 1px 1px 2px 1px rgba(0,0,0,.25);
}
.picBtn:hover {
opacity: 0.95;
box-shadow: 1px 1px 2px 2px rgba(0,0,0,.3);
}
.picBtn:active {
opacity: 0.8;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,.5);
}
</style>
<div class="mnBox">
<div class="ctBox">
<p><img style="padding-top: 30px; alt="" src="https://pic.imgdb.cn/item/61f50a282ab3f51d913dbd5b.jpg" /></p>
<h2 style="text-align:center;">群星 - 問誰領風騷</h2>
<h2 style="text-align:center;">TO:安宁</h2>
<pre>
问谁领风骚 - 罗文 (Roman Tam)/甄妮
词:薛志雄
曲:黎小田
男:长天飞沙 壮士血在狂号
女:原野飞花 壮士怀抱冷傲
男:一代天骄 千秋知我名号
女:谈笑造时势 问谁领风骚
女:飞奔大漠中
男:不畏惧冷风似刀
女:烽烟万千里
男:不记心中爱滔滔
女:柔情藏心内
男:血肉记春秋
合:大地留着我的记号
男:长天飞沙 壮士血在狂号
女:原野飞花 壮士怀抱冷傲
男:一代天骄 千秋知我名号
女:谈笑造时势 问谁领风骚
女:飞奔大漠中
男:不畏惧冷风似刀
女:烽烟万千里
男:不记心中爱滔滔
女:柔情藏心内
男:血肉记春秋
合:大地留着我的记号
</pre>
<p><audio id="music" src="https://www.joy127.com/url/84669.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<p><button id="picBtn" class="picBtn"></button></p><br>
<p>加林森2022 01 29</p><br><br>
</div>
</div>
<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/61e446952ab3f51d917b0f77.png')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/61e561062ab3f51d9145d37c.png')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://pic.imgdb.cn/item/61e561062ab3f51d9145d37c.png')";
})
</script>
加林森 发表于 2021-12-13 20:33
有空我去找来送你
哈哈 谢谢队长 {:4_179:}不急,现在看到了,特别漂亮{:4_204:}
大猫咪 发表于 2021-12-13 20:42
哈哈 谢谢队长 不急,现在看到了,特别漂亮
嗯嗯,看见就好了啊!累得我一身汗啊。{:4_189:}
绿叶清舟 发表于 2021-12-13 20:41
好的,现在能看到了
谢谢你!{:4_191:}{:4_191:}
加林森 发表于 2021-12-13 20:44
谢谢你!
队长不客气了
加林森 发表于 2021-12-13 20:43
嗯嗯,看见就好了啊!累得我一身汗啊。
{:4_179:}辛苦了队长
绿叶清舟 发表于 2021-12-13 20:45
队长不客气了
我有时会把代码搞乱了,我自己都不知道的。好久不玩,真的得好好看看了。
大猫咪 发表于 2021-12-13 20:47
辛苦了队长
不辛苦的,我喜欢啊。{:4_179:}
加林森 发表于 2021-12-13 20:49
我有时会把代码搞乱了,我自己都不知道的。好久不玩,真的得好好看看了。
放下太久刚开始总会有点手生的
绿叶清舟 发表于 2021-12-13 20:52
放下太久刚开始总会有点手生的
是的是的。以后我会小心的。{:4_176:}
队长好制作{:4_199:}
高胜美的歌特别好听
动图找的也是漂亮,队长棒棒的
小辣椒 发表于 2021-12-13 20:55
队长好制作
谢谢小辣椒{:4_171:}
小辣椒 发表于 2021-12-13 21:08
动图找的也是漂亮,队长棒棒的
我是急了再去找的。
加林森 发表于 2021-12-13 21:10
我是急了再去找的。
可以有现成的省力
小辣椒 发表于 2021-12-13 21:11
可以有现成的省力
嗯嗯,谢谢啊!
加林森 发表于 2021-12-13 21:16
嗯嗯,谢谢啊!
队长太客气了{:4_187:}
小辣椒 发表于 2021-12-13 21:17
队长太客气了
应该的应该的{:4_171:}
好好好~~~人美画美歌美~~~{:5_116:}