祝红影生日快乐《想起》
本帖最后由 浅。 于 2020-2-8 20:23 编辑 <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, #D2E9FF, #FFBFFF);
background: -ms-radial-gradient(ellipse, #D2E9FF, #FFBFFF);
background: -webkit-radial-gradient(ellipse, #D2E9FF,#FFBFFF);
background: -moz-radial-gradient(ellipse, #D2E9FF, #FFBFFF);
}
#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/201912/12/211849j55dz0j002aa0x1p.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/202001/04/214034yrit0ryjf044ikt6.jpg
" border="0"></div>
<div style="height:35px;left: 205px; top: 30px; position:absolute;"> TO：红影</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:45px; 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/1063847503.mp3', /* 歌曲地址 */
pic: ''
}
});
ap3.init();
</script>
</div>
</div> 本帖最后由 浅。 于 2020-1-5 14:06 编辑
@红影
不会写字不会作图也不会唱歌的我，实在没有什么好拿得出手的礼物，
虽简单一贴，祝福的心意却也是满满的哈，
很开心认识你，在这里呆的时间不长，但每次来都感受到了你真切的热情，让我觉得很温暖。
祝你生日快乐，天天开心。 谢谢浅浅，暖色系的色彩，让这个生日充满粉色的回忆。{:4_179:} 想起浅浅，心里是满满的暖。在往后岁月里，让我们时时想起彼此的温馨，时时幸福着彼此的幸福{:4_179:} 浅。 发表于 2020-1-5 14:02
@红影
不会写字不会作图也不会唱歌的我，实在没有什么好拿得出手的礼物，
虽简单一贴，祝福的心意却也是 ...
抱抱浅浅，感受到了浅浅最真挚的情义，影子十分感激{:4_179:} 这是电音版的呀，带电波的想起，影子有没有被电到啊？{:4_173:} 好甜的帖子啊，影子收礼开心{:4_204:} 清歌挽月 发表于 2020-1-5 14:23
这是电音版的呀，带电波的想起，影子有没有被电到啊？
哈哈，最后几句高音飙不上去，就电了一下{:4_173:} 红影 发表于 2020-1-5 14:13
谢谢浅浅，暖色系的色彩，让这个生日充满粉色的回忆。
不客气哈，影子开心就好{:4_204:} 红影 发表于 2020-1-5 14:15
想起浅浅，心里是满满的暖。在往后岁月里，让我们时时想起彼此的温馨，时时幸福着彼此的幸福
嗯嗯，这里有影子在，就是馨香一片。 很精美的礼物，才女啊，影子生日哈皮 帖子好温馨 好看好听 第一次听你唱歌啊好像，好听极了 跟帖再祝一次影子生日快乐 枯山一叶 发表于 2020-1-5 15:34
很精美的礼物，才女啊，影子生日哈皮
才女不敢当啊，俺啥都不会{:4_173:} 香染 发表于 2020-1-5 16:29
帖子好温馨 好看好听
谢谢香香{:4_204:} 香染 发表于 2020-1-5 16:29
第一次听你唱歌啊好像，好听极了
我唱得比较少{:5_106:} 香染 发表于 2020-1-5 16:30
跟帖再祝一次影子生日快乐
嗯嗯，一起祝福影子生日快乐，天天嗨皮 清歌挽月 发表于 2020-1-5 14:23
这是电音版的呀，带电波的想起，影子有没有被电到啊？
非常美的歌声呢，影子早醉得晕陶陶了{:4_173:} 清歌挽月 发表于 2020-1-5 14:25
好甜的帖子啊，影子收礼开心
谢谢青青{:4_185:}