《大海啊我的故乡》(音乐版) 谭晶 TO: 樵歌
<style type="text/css">.mnBox {
position: relative;
margin: 0 auto;
padding: 35px;
width: 640px;
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;
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 alt="354 height="501"="" src="http://img.mp.itc.cn/upload/20170122/4b90754abf6249f6a37b44869631c2fe_th.gif" /></p>
<h2 style="padding-bottom: 10px;">大海啊故乡 - 谭晶</h2>
<h2 style="text-align:center;">TO:樵歌</h2>
<pre>
小时候 妈妈对我讲
大海就是我故乡
海边出生 海里成长
大海啊大海
是我生长的地方
海风吹 海浪涌
随我飘流四方
大海啊 大海
就像妈妈一样
走遍天涯海角
总在我的身旁
小时候 妈妈对我讲
大海就是我故乡
海边出生 海里成长
大海啊大海
是我生长的地方
海风吹 海浪涌
随我飘流四方
大海啊 大海
就像妈妈一样
走遍天涯海角
总在我的身旁
大海啊故乡
大海啊故乡
我的故乡 我的故乡
</pre>
<div style="position:absolute; width:120px; left:300px; top: 950px; text-align:center;">
<p ><font color="#222222" size="2" >
<marqueescrollamount="2" direction="left" >大海啊故乡 - 谭晶</marquee>
<div style="position:absolute; width:150px; left:-10px; top: 50px; text-align:center;">
<p><audio id="music" src="https://oss.shandianpan.com/9fab7be881c5bfa32b6887f6aa2b2ad5.mp3" loop="loop" autoplay="autoplay" ></audio> </p>
<p><button id="picBtn" class="picBtn"></button></p><br> </div>
<p>加林森2022 01 27</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/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> </div><br><br><br>
俺坐下来慢慢品尝,嗯,味道还是大海的味道。喜欢。{:4_176:} 俺 与大海有缘呢,一呢,是当初改海军时,实习从大连到西沙,二呢,认识的几个好{:4_173:}朋友都和海字有关,或者离海都不远。 另外还有个姓谭的女孩(女士了)她的歌也爱听呢。{:4_170:} 队长 这 第一个按钮图片你不能换,重新修改一下 樵歌 发表于 2022-1-27 19:59
俺坐下来慢慢品尝,嗯,味道还是大海的味道。喜欢。
好的好的,喜欢就好。{:4_190:} 樵歌 发表于 2022-1-27 20:01
俺 与大海有缘呢,一呢,是当初改海军时,实习从大连到西沙,二呢,认识的几个好朋友都和海字有关 ...
向你敬礼! 樵歌 发表于 2022-1-27 20:03
另外还有个姓谭的女孩(女士了)她的歌也爱听呢。
是不是谭晶小姑娘?{:4_170:} 小辣椒 发表于 2022-1-27 20:12
队长 这 第一个按钮图片你不能换,重新修改一下
好的好的,我改了几次都出问题了。这个歌曲是网易的,有点改不过来了。{:5_113:} 加林森 发表于 2022-1-27 20:31
好的好的,我改了几次都出问题了。这个歌曲是网易的,有点改不过来了。
这个和歌曲链接没有关系,你把按钮图片换了你的图片链接了,要重新换回去 加林森 发表于 2022-1-27 20:26
好的好的,喜欢就好。
很爽的。{:4_174:} 加林森 发表于 2022-1-27 20:29
是不是谭晶小姑娘?
维维大姐姐。{:4_170:} 樵歌 发表于 2022-1-28 15:14
维维大姐姐。
小丫头妙变啊?{:4_189:} 樵歌 发表于 2022-1-28 15:13
很爽的。
要得要得 加林森 发表于 2022-1-28 15:50
小丫头妙变啊?
谭维维不小了吧,{:4_189:} 小辣椒 发表于 2022-1-27 20:12
队长 这 第一个按钮图片你不能换,重新修改一下
{:5_115:}怎么啦? 樵歌 发表于 2022-1-29 07:36
谭维维不小了吧,
比你我都小,还是小丫头。 加林森 发表于 2022-1-29 10:57
比你我都小,还是小丫头。
可能比你稍小点,在我面前,她小丫头。{:4_173:} 樵歌 发表于 2022-1-29 14:50
可能比你稍小点,在我面前,她小丫头。
小丫头才四十多点岁,小很多的。 加林森 发表于 2022-1-29 16:08
小丫头才四十多点岁,小很多的。
对你不过八九十来岁而已呗。还是可以般配的。{:4_189:}
页:
[1]
2