【金鼠闹春 天籁之音】祈祷
本帖最后由 II.〆石Zi° 于 2020-2-3 13:28 编辑 <br /><br /><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="http://www.njsqxzx.com:84/myfile/bootsys/yinyue/jscss/topshizi.css">
<style>
#divback{
width:1000px; height: 550px;
background: radial-gradient(ellipse, #6C6C6C, #FFB5B5);
background: -ms-radial-gradient(ellipse, #6C6C6C, #FFB5B5);
background: -webkit-radial-gradient(ellipse, #6C6C6C,#FFB5B5);
background: -moz-radial-gradient(ellipse,#6C6C6C, #FFB5B5);
}
#divname{
width:430px; height: 60px;}
#divline{
width:1000px; height: 10px;
background:#ffffff;
}
</style>
<div id="divback" style=" left: -100px; top: -50px; position: relative;">
<div style="left: 430px; top: 120px; position: absolute;"><img width="480" height="305"src="http://www.ii23.cn/data/attachment/forum/202002/02/192702mb7t4awxf7zzozbb.png
" border="0"></div>
<div id="divname" style="left: 110px; top: 120px; position:absolute;"> 祝大家新年快乐，祝福祖国早日康复！<br></div>
<div style="height:80px;left: 110px; top: 5px; position:absolute;"><img width="80" height="80"src="http://www.ii23.cn/data/attachment/forum/202002/02/192153ldnucndphq7ldzlf.jpg
" border="0"></div>
<div style="height:35px;left: 205px; top: 30px; position:absolute;"> 祈 祷 </div>
<div id="divline" style="width:1000px;height:4px;left: 0px; top: 90px; position: absolute;"></div>
<div id="divline" style="width:1000px;height:4px;left: 0px; top: 450px; position: absolute;"></div>
<div style="left: 110px; top: 153px; position:absolute;">
<title>特制音乐播放器，歌词同步，颜色风格可调</title>
<style>
@font-face{format("svg");
font-weight:400;font-style:normal}
.aplayer-narrow .aplayer-info{display:none}
.aplayer-withlrc.aplayer .aplayer-info{margin-left:0px;height:0px}
.aplayer-withlrc.aplayer .aplayer-lrc{display:block;}
.aplayer{
font-family: Arial,Helvetica,sans-serif;
margin: 0px;
box-shadow: 0 2px 2px 0 rgba(0,0,121,.14),0 3px 1px -2px rgba(0,0,121,.2),0 1px 5px 0 rgba(0,0,121,.12);/* 边框颜色等 */
border-radius: 5px;}/* 边框圆角 */
.aplayer span{cursor:default!important}
.aplayer{height:240px;width:240px; background-color: rgba(0,0,0,0.1);}/* 播放器区域的大小、颜色 、颜色中的参数a可调整透明度*/
.aplayer :before,
.aplayer :before{font-family:aplayer-fontello;font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none; line-height:18px; font-size: 16px; color:#ffffFF; width:20px;height:20px; border:2px solid #ffffFF; border-radius: 16px; position:absolute;bottom:4px; left:4px;} /* 按钮圈大小、颜色、位置，按钮字体大小、颜色 */
.aplayer-lrc-content,.aplayer .aplayer-hide{display:none}
.aplayer-icon-play:before{content:'\25b6'}
.aplayer-icon-pause:before{content:'\23f8'} /* 设置按钮键 */
.aplayer-bar-wrap{height:3px; width:130px;background: RoyalBlue;position:absolute;left:32px;bottom:15px; }/* 进度条长度、位置及未播放段颜色 */
.aplayer-bar{-webkit-transition:all .5s ease;transition:all .5s ease}
.aplayer-played{position:absolute;left:0px;bottom:-1px; background: #D200D2;height:5px}/* 进度条已播放段颜色 */
.aplayer-thumb:hover{background: #FFFF00;}
.aplayer-thumb{position:absolute;top:2px;right:5px;margin-top:-3px;margin-right:-10px;height:6px;width:6px;border:1px solid #D200D2; border-radius:50%;background: #D200D2;cursor:pointer!important;}/* 进度球大小及颜色 */
.aplayer-time{position:absolute;right:3px;bottom:8px;height:17px;color: #ffffff;font-size:10px}/* 时间 */
.aplayer-lrc{display:none;position:absolute; left:60px; top:50px; height:180px; width: 200; text-align:center;overflow:hidden;margin:-10px 0 10px; filter:Alpha(opacity=0);BACKGROUND:transparent}/* 歌词区域大小，位置调整 */
.aplayer .aplayer-lrc p{font-size:14px;color:#FFFFFF;line-height:20px;padding:0;margin:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:0.2} /* 歌词字体、颜色及大小，未播放歌词透明度 */
.aplayer-lrc p.aplayer-lrc-current{opacity:1}/* 正播放歌词透明度 */
.aplayer-lrc .aplayer-lrc-contents{width:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.demo {
margin: 0px auto;
align:center;
}
.demo p {
padding: 10px 0;
opacity: 1;
}
</style>
<div class="demo">
<p><strong></strong></p>
<div id="player3" class="aplayer">
<pre class="aplayer-lrc-content">
祈祷
栀夏 翻唱
让我们敲希望的钟啊
多少祈祷在心中
让大家看不到失败
叫成功永远在
让地球忘记了转动呀
四季少了夏秋冬
让宇宙关不了天窗
叫太阳不西冲
让欢喜代替了哀愁呀
微笑不会再害羞
让时间懂得去倒流
叫青春不开溜
让贫穷开始去逃亡呀
快乐健康留四方
让世间找不到黑暗
幸福像花儿开放
让我们敲希望的钟啊
多少祈祷在心中
让大家看不到失败
叫成功永远在
让大家看不到失败
叫成功永远在
</pre>
</div>
</div>
<script src="http://www.njsqxzx.com:84/myfile/bootsys/yinyue/jscss/jaudioplay.js" type="text/javascript">
</script>
<script>
var ap3 = new APlayer({
element: document.getElementById('player3'),
narrow: false,
autoplay: true,
showlrc: true,
music: {
title: '',
author: '',
url: 'http://upscuw.changba.com/1176386210.mp3', /* 歌曲地址 */
pic: ''
}
});
ap3.init();
</script>
</div>
</div>
栀夏做帖好看 唱歌也这么好听 {:2_256:} 加油武汉！ 比我唱的好
祝新年快乐！ 唱得太好了，给栀夏点赞哈！我听着有时候重音哈！ 我还以为亲爱的消失了呢，刷新看到，真是太开心了，唱的真是不错，俺今天晚上就一直在这里听着啦，祝福亲爱的新年快乐哈！ 輪茴、誰等誰 发表于 2020-2-2 20:55
我还以为亲爱的消失了呢，刷新看到，真是太开心了，唱的真是不错，俺今天晚上就一直在这里听着啦，祝福亲爱 ...
有时候我感觉重音，唱的真好，是不是我卡了。 陌花雨 发表于 2020-2-2 21:03
有时候我感觉重音，唱的真好，是不是我卡了。
退出来重新进来就好了，我开始也是这样，她的声音很特别，所以听起来很清爽的，咬字很清楚的，字字句句都是非常用心的呢 輪茴、誰等誰 发表于 2020-2-2 21:30
退出来重新进来就好了，我开始也是这样，她的声音很特别，所以听起来很清爽的，咬字很清楚的，字字句句都 ...
嗯！唱得真好，听得不愿走开。 好听，贴子做的也漂亮{:eb511:} 贴子很美http://www.ii23.cn/data/attachment/album/201906/10/071314foov13a1vuyr1jzg.gif
唱的真好听http://www.ii23.cn/data/attachment/album/201912/15/104703c0a2urbax56rbz0l.gif祈愿人类早日战胜这可怕的病毒大家健康平安快乐?
↗其〆樂ぐ 发表于 2020-2-2 20:43
栀夏做帖好看 唱歌也这么好听
乐版新年好～
这帖子是套用石子老大的代码略微修改的哈{:2_256:} Оο.1秒ヽo 发表于 2020-2-2 20:48
比我唱的好
祝新年快乐！
秒姐新年快乐，你也唱了啊，一会儿去听听 輪茴、誰等誰 发表于 2020-2-2 20:55
我还以为亲爱的消失了呢，刷新看到，真是太开心了，唱的真是不错，俺今天晚上就一直在这里听着啦，祝福亲爱 ...
亲爱的新年好，这段时间家里事儿多没来哈，咋会消失呢{:2_268:} 帖子漂亮，嗓音清澈。犹如这首歌的意境：干净简单的祈祷。。。 楼主翻唱好听，大家一起为武汉加油！祈祷 栀夏° 发表于 2020-2-3 07:21
秒姐新年快乐，你也唱了啊，一会儿去听听
你和秒姐可以再去pk一首。{:2_256:} 好贴好歌好声音，棒棒达，支持！ 夏夏唱得真好听，祝愿春暖花开时，每个人都能身体安康，心情愉悦，物质丰盛，内心丰盈！愿经此一疫，每个人都能更加珍惜平凡的幸福和身边相伴的人 一首祈祷，唱出了大家的心声
页:
[1]
2