《诗酒花》 送给大家
<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="http://image.hnol.net/c/2022-02/10/20/20220210202115511-5088534.gif" /></p>
<h2 style="padding-bottom: 10px;"></h2>
<h2 style="text-align:center;">《诗酒花》</h2>
<pre>
舞低杨柳冷月 歌尽桃花半阙
十年一枕扬州梦蝶 何人来解
扇底风回雪 溯二十四桥明月夜
这惊鸿一瞥 有山河入梦 来当谢
清风绝笔曾写 书尽人间长别
高山流水阳春白雪 等君来解
琴声赋明月 宫商角徵羽歌悲切
等故人岁月 等山河飞雪 来赴约
晴昼海等万花开谢 孤身在三星望月
开元 二十三年叹 谁误入青岩
煮酒烹茶杯中的雪 琴棋书画梦里的约
刀下剑上血 扇底楼心月 都难全
为谁附风雅 长安月下 论诗酒花茶 千古一刹
为君书风雅 岁月提画 这盛世繁华 愿共踏
</pre>
<div style="position:absolute; width:120px; left:300px; top: 950px; 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="http://music.163.com/song/media/outer/url?id=1462904750.mp3" loop="loop" autoplay="autoplay" ></audio> </p>
<p><button id="picBtn" class="picBtn"></button></p><br>
<p>猜猜我是谁2022 02 10</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>
咋不再写上小辣椒的名字啊{:4_189:} 红影 发表于 2022-2-10 20:38
咋不再写上小辣椒的名字啊
哈哈，你乱曝光啊。{:4_189:} 我心里明白你是谁，就是不说出来。制作得很漂亮！{:4_187:}{:4_204:} 红影 发表于 2022-2-10 20:38
咋不再写上小辣椒的名字啊
同问{:4_189:} 加林森 发表于 2022-2-10 20:40
哈哈，你乱曝光啊。
这次的应该不是清舟{:4_173:} 加林森 发表于 2022-2-10 20:41
我心里明白你是谁，就是不说出来。制作得很漂亮！
难道是队长{:4_172:} 红影 发表于 2022-2-10 21:00
难道是队长
不知道。哈哈。 绿叶清舟 发表于 2022-2-10 20:41
同问
哈哈，清舟上次的技巧大家印象都很深啊{:4_173:} 红影 发表于 2022-2-10 20:38
咋不再写上小辣椒的名字啊
怎么可以两次掉同一个大坑。 红影 发表于 2022-2-10 20:59
这次的应该不是清舟
这个说不准。{:4_170:} 加林森 发表于 2022-2-10 20:41
我心里明白你是谁，就是不说出来。制作得很漂亮！
你就蒙吧{:4_172:} 元诗酒 发表于 2022-2-10 21:02
你就蒙吧
可以的可以的。{:4_189:} 红影 发表于 2022-2-10 21:01
哈哈，清舟上次的技巧大家印象都很深啊
这次可能来混水的会更多了啊{:4_189:} 这歌好听，还是头一回知道有这歌的 元诗酒 发表于 2022-2-10 21:01
怎么可以两次掉同一个大坑。
这很难说{:4_173:} 加林森 发表于 2022-2-10 21:01
这个说不准。
谁都可能，我猜马甲不行的{:4_173:} 绿叶清舟 发表于 2022-2-10 21:06
这次可能来混水的会更多了啊
说不定出来好几个这样玩的，使劲冒充其他人{:4_189:} 这是装队长的口音。 红影 发表于 2022-2-10 21:09
谁都可能，我猜马甲不行的
我有点摸到那种感觉了。哈哈哈哈。