加林森 发表于 2021-12-6 22:37
{:4_174:}
本帖最后由 加林森 于 2022-1-16 16:25 编辑 <br /><br />马黑黑 发表于 2021-12-7 12:43
中午好
<style type="text/css">
.picBtn {
width: 32px;
height: 32px;
border: none;
border-radius: 8px;
background: transparent url('https://www.huachaowang.com/data/attachment/forum/202201/15/215718gtucyrf8cj8xxff8.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>
<p><audio id="music" src="https://www.80wp.com/wj/58154/988b473ebdd0f87f490236143200b140.mp3" controls="controls"></audio><br> </p>
<button id="picBtn" class="picBtn"></button>
<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://www.huachaowang.com/data/attachment/forum/202201/15/215703hnizi2b2uucxi1iz.png')") : (mu.pause(), btn.style.background="url('https://www.huachaowang.com/data/attachment/forum/202201/15/215718gtucyrf8cj8xxff8.png')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://www.huachaowang.com/data/attachment/forum/202201/15/215718gtucyrf8cj8xxff8.png')";
})
</script>
加林森 发表于 2021-12-7 12:46
中午好
好好，都好
本帖最后由 加林森 于 2022-1-16 17:42 编辑
马黑黑 发表于 2021-12-7 12:55
好好，都好
你不继续嚎了？
加林森 发表于 2021-12-7 13:12
你不继续嚎了？
你嚎你嚎
本帖最后由 加林森 于 2022-2-11 21:50 编辑 <br /><br />马黑黑 发表于 2021-12-7 18:14
你嚎你嚎
你继续嚎
<style type="text/css">
.mnBox {
position: relative;
margin: 0 auto;
padding: 35px;
width: 660px;
border: none;
border-top: 6px solid #000;/* 顶部边框样式*/
border-radius: 10px;
background: #b3c3c3;
}
.ctBox {
margin: 0;
padding: 30px;
background: #fff;
min-height: 300px;
border-radius: 10px;
}
.ctBox p,img, h2,button { text-align:center; }
.picBtn {
width: 46px;
height: 47px;
outline: none;
border: none;
border-radius: 8px;
background: transparent url('https://pic.imgdb.cn/item/62035ac42ab3f51d91f4aed2.png') no-repeat;
cursor: pointer;
}
.picBtn:hover {
opacity: 0.95;
}
.picBtn:active {
opacity: 0.8;
}
</style>
<div class="mnBox">
<div class="ctBox">
<p><img alt="550 height="366"="" src="https://pic.imgdb.cn/item/620664cb2ab3f51d919ef9b5.gif" /></p>
<h2 style="padding-bottom: 8px;">《桃夭》</h2>
<h2 style="text-align:center;">李雨</h2>
<pre>
记忆 是深睡的气息
翻涌 在每个缝隙里
浅梦 像檐下的铜铃
风一吹 就被唤醒
命运 是生来就注定
挣扎 还以为能逃离
是谁 愿陪我逆天而行
竟敢不在乎结局
桃枝姣姣春和里
红墙尤叹风语细
墙下蒙童不知情
驻而嬉 笑蝶独酌一花蜜
桃之夭夭秦喻语
宜家宜室逸夫妻
奈何浅缘寄深情
惟天命 且择秋日绘双喜
命运 是生来就注定
挣扎 还以为能逃离
是谁 愿陪我逆天而行
竟敢不在乎结局
桃枝姣姣春和里
红墙尤叹风语细
墙下蒙童不知情
驻而嬉 笑蝶独酌一花蜜
桃之夭夭秦喻语
宜家宜室逸夫妻
奈何浅缘寄深情
惟天命 且择秋日绘双喜
桃枝姣姣春和里
红墙尤叹风语细
墙下蒙童不知情
驻而嬉 笑蝶独酌一花蜜
桃之夭夭秦喻语
宜家宜室逸夫妻
奈何浅缘寄深情
惟天命 且择秋日绘双喜
。。。。。。<br>
</pre>
<div style="position:absolute; width:120px; left:300px; top: 1200px; text-align:center;">
<p ><font color="#000000" size="2" >
<marqueescrollamount="2" direction="left" >《桃夭》-李雨</marquee>
<div style="position:absolute; width:150px; left:-10px; top: 40px; text-align:center;">
<p><audio id="music" src="https://www.joy127.com/url/88599.mp3" loop="loop" autoplay="autoplay" ></audio> </p>
<p><button id="picBtn" class="picBtn"></button></p><br>
<p>加林森2022 02 11</p>
</div>
</div>
</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/62035ac42ab3f51d91f4aed2.png')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/62035b2c2ab3f51d91f51644.png')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://pic.imgdb.cn/item/62035b2c2ab3f51d91f51644.png')";
})
</script>
加林森 发表于 2021-12-7 18:27
你继续嚎
{:4_172:}
马黑黑 发表于 2021-12-7 18:35
吃晚饭没有？
加林森 发表于 2021-12-7 18:58
吃晚饭没有？
不急慢慢来
马黑黑 发表于 2021-12-7 19:33
不急慢慢来
又搞这个？晕~~~~~~~~~~~
加林森 发表于 2021-12-7 19:35
又搞这个？晕~~~~~~~~~~~
各人有各人的生活
马黑黑 发表于 2021-12-7 19:36
各人有各人的生活
等孩子回家一起吃吧
加林森 发表于 2021-12-7 19:42
等孩子回家一起吃吧
不是，等老卡，俺的战友
马黑黑 发表于 2021-12-7 19:42
不是，等老卡，俺的战友
不错不错，真好！
加林森 发表于 2021-12-7 19:46
不错不错，真好！
对。战友情值得珍惜
马黑黑 发表于 2021-12-7 19:47
对。战友情值得珍惜
嗯嗯，我完全明白的。
加林森 发表于 2021-12-7 19:56
嗯嗯，我完全明白的。
你也当过兵
马黑黑 发表于 2021-12-7 19:56
你也当过兵
两年兵
加林森 发表于 2021-12-7 20:02
两年兵
基础兵
马黑黑 发表于 2021-12-7 21:37
基础兵
78年的兵