《山楂树之恋》- 程佳佳
本帖最后由 加林森 于 2022-8-21 17:56 编辑 <br /><br /><style>#papa {left: -180px;top:120px; width: 962px; height: 540px; background: #eee url('https://pic.imgdb.cn/item/6301ea4916f2c2beb157908e.png') no-repeat; box-shadow: 2px 2px 2px #333; border-radius: 20px; display:grid; place-items: center; position: relative; }
#canv { position: absolute; right:10px;top:280px; }
#disc { position: absolute; width: 40px; height: 40px; left: 20px; top: 60px; background: conic-gradient(red,orange,yellow,green,teal,blue,purple); mask: radial-gradient(transparent 4px,red 0); -webkit-mask: radial-gradient(transparent 4px,red 0); border-radius: 50%; cursor: pointer; animation: rot 2s linear infinite; }
#lrcbox { position: absolute; left: 70px; top: 60px;font: bold 22px / 40px sans-serif; color: #96ce54; text-shadow: 2px 2px 4px #222; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="papa">
<canvas id="canv" width="300" height="280"></canvas>
<span id="disc"></span>
<span id="lrcbox">山楂树之恋-程佳佳</span>
</div><br><br><br><br><br><br>
<script>
let ctx = canv.getContext('2d');
let w = canv.width, h = canv.height;
let txtAr = ['山楂树之恋',' ',' 我的山楂树之恋', ' 只有是和你才会纯洁', ' 可以丢弃', ' 我的底线'];
let lineNow = 0, lineHeight = 40, charIdx = 0;
(function drawText() {
ctx.clearRect(0, 0, w, h);
ctx.fillStyle ='#00e500';
ctx.shadowOffsetX = 2;
ctx.shadowOffsetY = 2;
ctx.shadowBlur = 3;
ctx.shadowColor = '#7bcfa6';
ctx.font = 'bold 26px snas-serif';
for(let k = 0; k < lineNow; k ++) {
ctx.fillText(txtAr, 20, lineHeight * k + lineHeight);
}
let txtstr = txtAr.substring(0, charIdx);
ctx.fillText(txtstr, 20, lineHeight * lineNow + lineHeight);
charIdx ++;
if(charIdx > txtAr.length) {
lineNow += 1;
charIdx = 0;
}
if(lineNow > txtAr.length - 1) {
setTimeout(function() {
lineNow = 0;
drawText();
}, 10000);
} else {
setTimeout(drawText, 500);
}
})();
let aud = new Audio();
aud.src = 'https://music.163.com/song/media/outer/url?id=1381755293.mp3';
aud.loop = true;
aud.autoplay = true;
disc.style.animationPlayState = aud.paused ? 'paused' : 'running';
disc.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing',()=> disc.style.animationPlayState = 'running');
aud.addEventListener('pause',()=> disc.style.animationPlayState = 'paused');
</script>
歌词：
我的山楂树之恋
只有是和你才会纯洁
可以丢弃
我的底线
锁定与你的是我视线
我的山楂树之恋
永远站在你的身边
我保证我的爱不会变
共享永恒时间
像蝴蝶起舞翩翩
每次懊恼在于相见恨晚
不管相隔的距离是长
或是短
能在一起的时候不要快只想慢
想和你有个孩子
围着你团团转
世界变化不停
人潮川流不息
不在乎沉淀你肩膀上的经历
让你少份畏惧
还你一颗少女心
有一种超凡动力是为你而打拼
爱你的坦诚
像一面清澈的湖水
就算眼睛肿了我也觉得世上你最美
许愿十年之后你在我的枕边睡
我用我的嘴巴抚平你一天的疲惫
心里总有期待所以过的度日如年
每天会关注你生活的片片面面
你说心里话的时候我像在充电
不理睬的时候我只能自己去找空间
我的山楂树之恋
只有是和你才会纯洁
可以丢弃
我的底线
锁定与你的是我视线
我的山楂树之恋
永远站在你的身边
我保证我的爱不会变
共享永恒时间
像蝴蝶起舞翩翩
你的喜好你的习惯
你爱吃的我都记着
你爱的高冷我做不来
可以逐渐适应着
我不会
你没睡我不睡
即使第二天和你在一起会很疲惫
过的自由自在
美丽置身事外
陪你走路回家在每个
All day all night
也不能深陷情海
为了你的那一半
用太多的精力
因为上天自有安排
你是一只飞鸟
飞上我的树梢
从此我乏味的生活
变得热闹
我知道
你会为我停留
时间也会随之
而过的很久
说什么好
念什么糟
行如此情
却无从知晓
我怕来不及
我怕保不齐
山楂树下站的我和你
我的山楂树之恋
只有是和你才会纯洁
可以丢弃
我的底线
锁定与你的是我视线
我的山楂树之恋
永远站在你的身边
我保证我的爱不会变
共享永恒时间
像蝴蝶起舞翩翩 这个电影俺看过，情节忘了。。。 东篱闲人 发表于 2022-8-21 17:36
这个电影俺看过，情节忘了。。。
19年的电影了。 图中是小周，最近爆出穿衣问题，颇受微词。关于穿衣或不穿衣，从来都是个微妙的问题。 马黑黑 发表于 2022-8-21 18:07
图中是小周，最近爆出穿衣问题，颇受微词。关于穿衣或不穿衣，从来都是个微妙的问题。
那些是在炒剩菜，显得他们有文化。真是一些垃圾。 加林森 发表于 2022-8-21 18:16
那些是在炒剩菜，显得他们有文化。真是一些垃圾。
嗯，但衣服还是要穿合适吧 看到歌名，第一反应是那首苏联歌曲，原来不是的{:4_173:} 马黑黑 发表于 2022-8-21 18:53
嗯，但衣服还是要穿合适吧
现在穿什么自己应该明白的吧。 红影 发表于 2022-8-21 19:07
看到歌名，第一反应是那首苏联歌曲，原来不是的
中国电影。 醉美水芙蓉 发表于 2022-8-21 19:59
欣赏队长佳作！辛苦了！
不想看的。就是玩嘛。 加林森 发表于 2022-8-21 19:56
现在穿什么自己应该明白的吧。
不知道 马黑黑 发表于 2022-8-21 20:03
不知道
才怪。 加林森 发表于 2022-8-21 20:13
才怪。
我不关心别人怎么穿，不过作为公众人物，要考虑一下对小孩子的影响。 马黑黑 发表于 2022-8-21 20:17
我不关心别人怎么穿，不过作为公众人物，要考虑一下对小孩子的影响。
我没有看见过这些的。我不喜欢这些操作。 加林森 发表于 2022-8-21 20:20
我没有看见过这些的。我不喜欢这些操作。
嗯嗯，你衣服穿得很正统 马黑黑 发表于 2022-8-21 21:40
嗯嗯，你衣服穿得很正统
是的。 加林森 发表于 2022-8-21 21:52
是的。
不穿破洞的
马黑黑 发表于 2022-8-21 21:57
不穿破洞的
没有这些的。
页:
[1]
2