《总有美好在路上》TO马黑黑（更着红影学习黑黑老师》代码）
本帖最后由 菲儿 于 2025-3-28 10:55 编辑 <br /><br /><p> </p><p> </p>
<p> </p>
</div>
</div><div class="pct"><style type="text/css">.pcb{margin-right:0}</style><div class="pcb">
<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_2283127">
<style>
@import 'https://638183.freep.cn/638183/web/ku/yslrc_range_player2in1.css';
#papa { margin: 30px 0 30px calc(50% - 593px); background: #ccc url('https://www.bohann.net/data/attachment/forum/202503/15/095035tyyj5wpkjrzjprlj.jpg') no-repeat center/cover; border-radius: 6px; overflow: hidden; }
#mplayer { --prog: snow; --track: tan; bottom: 20px; width:40%; }
#lrcDiv {--hlcolor: gold; color: lightyellow; top: 21%; text-shadow: 1px 1px 1px rgba(0,0,0,.5); transform: perspective(400px) rotateY(10deg); }
#fsbtn { bottom: -60px; }
#tit {position: absolute; width: 460px; height: 36px; transform: rotateX(10deg) rotateY(15deg) rotateZ(0deg); font: bold 32px/32px 'Microsoft YaHei', sans-serif; top: 11%;color: #f0ac14;}
#flower { position: absolute; bottom: 56px; width: 80px; cursor: pointer; z-index: 4; animation: rot 8s linear infinite var(--state);opacity: .65;}
</style>
<div id="papa" class="pa">
<video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/05/06/16/12/video63658f2c42f12.mp4" autoplay loop muted></video>
<img id="flower" src="https://638183.freep.cn/638183/small/f001.png " alt="" title="Alt+X" />
<audio src="https://music.163.com/song/media/outer/url?id=2660150669" autoplay loop></audio>
<div id="tit">《总有美好在路上》TO马黑黑老师</div>
</div>
<script type="module">
import { hcplay } from 'https://638183.freep.cn/638183/web/ku/yslrc_range_player2in1.js';
var geci = ` 作词 : 曹二娜\n 作曲 : 赵家锐\n 看见红影的贴得知黑黑师要忙了\n祝一切顺利\n大家等你归来\n演唱：周深\n学习《爱河》代码\n亲爱的\n此刻正是天亮\n快推开窗\n看外面多晴朗\n雨去了\n需要雨的地方\n留给我们\n最灿烂的阳光\n我们在\n用自己的力量\n让美好像\n大树挺拔生长\n花在开云在飘\n笑容在脸上\n我们向前方\n一路向阳\n亲爱的你\n在路上慢慢逛\n看一看太阳\n让风轻轻\n吹拂你的脸庞\n今天过去\n要到明天看看\n天气会怎样\n阴或晴朗\n谢谢黑黑的代码\n得知黑黑有事要忙\n赶紧做个帖子\n祝福一切顺利安康\n好好的\n享受每段时光\n爱与希望\n在生活里回响\n夏蝉飞冬雪落\n都是好风光\n治愈我们的\n寒来暑往\n亲爱的你\n在路上慢慢逛\n看一看太阳\n让风轻轻\n吹拂你的脸庞\n今天过去\n要到明天看看\n天气会怎样\n阴或晴朗\n故事都慢慢赏\n亲爱的你\n送走晚风斜阳\n等一等月亮\n美好的事\n在赶来的路上\n世界是颗\n最缤纷的糖\n甜了每个日常\n细细品尝\n就会品出希望\n抬头发现\n光一直在身上\n`;
hcplay(papa, geci, 9);
flower.onclick = () => btnPlay.click();
</script></td></tr></table>
</div>
<div id="comment_2283127" class="cm">
</div>
本帖最后由 菲儿 于 2025-3-28 11:11 编辑
@马黑黑 看见红影的贴说黑黑老师有事要忙了，赶紧做个帖相赠，感谢黑黑老师给我们带来精美的代码贴，可是我还没学会调歌词，只好借用红影的歌曲代码，祝黑黑老师福工作顺利，身体安康！{:4_187:} 本帖最后由 菲儿 于 2025-3-28 11:11 编辑
还不会调歌词{:5_111:}！套用红影的歌曲，学替换图片{:5_117:}。谢谢红影的歌曲代码{:4_204:}，祝黑黑老师，一切顺利，平安吉祥！{:4_187:} 欣赏老师美帖。祝黑黑老师工作顺利，幸福安康！{:4_187:} 梦江南 发表于 2025-3-28 11:07
欣赏老师美帖。祝黑黑老师工作顺利，幸福安康！
谢谢老师！{:4_191:}同祝黑黑老师工作顺利！ 菲儿的背景更美呢，特别温馨美妙。
欣赏菲儿好帖{:4_199:} 这歌词方向正好和图中女子眼光远望的方向一致呢，很美的制作{:4_187:} 标题在#tit里，可以把宽度拉长点，现在的折行了呢。{:4_173:}
或者索性调短点，变成两行标题，然后和歌词一起右移一下，可以避开花朵，让歌词看得更清楚。 这样的画面太温馨了，给菲儿点赞{:4_187:} 菲儿 发表于 2025-3-28 10:19
@马黑黑 看见红影的贴说黑黑老师有事要忙了，赶紧做个帖相赠，感谢黑黑老师给我们带来精美的代码贴，可是我 ...
有心了，多谢多谢！
关于歌词也是简单的：网上都有LRC歌词，你可以将它们复制了，放到下面的链接页面过滤一下：
LRC歌词整理
然后，将整理结果复制出来，放到变量里：
var gc = `
...（你的歌词）
`;
注意保留等号 = 后面和分号 ; 前面的反引号（英文输入状态下按 Esc 减下面的那个 ~、键。
菲儿学得很快哦，借菲儿的美贴祝福黑黑一切顺遂，吉祥如意{:4_187:}{:4_176:} 菲儿的制作好美{:4_204:} 马黑黑 发表于 2025-3-28 18:20
有心了，多谢多谢！
关于歌词也是简单的：网上都有LRC歌词，你可以将它们复制了，放到下面的链接页面 ...
敬佩黑黑师无私奉献的精神{:4_204:}，感谢耐心跟我们大家讲解细节！看见很多代码直接替换图片就可以用，真的太好了！遇见，真是我这种小白的福星啊。 红影 发表于 2025-3-28 13:31
标题在#tit里，可以把宽度拉长点，现在的折行了呢。
或者索性调短点，变成两行标题，然后和歌词 ...
我看了一下没找到#tit{:4_364:} 梦江南 发表于 2025-3-28 11:07
欣赏老师美帖。祝黑黑老师工作顺利，幸福安康！
谢谢江南{:4_180:}祝新周愉快！ 红影 发表于 2025-3-28 13:27
菲儿的背景更美呢，特别温馨美妙。
欣赏菲儿好帖
谢谢红影鼓励{:4_187:}祝新周愉快！ 小九 发表于 2025-3-28 18:31
菲儿学得很快哦，借菲儿的美贴祝福黑黑一切顺遂，吉祥如意
我就是套用的只替换了图片{:4_173:}还不会调距离那些 绿叶清舟 发表于 2025-3-28 21:16
菲儿的制作好美
谢谢友友{:4_204:}祝新周愉快！ 马黑黑 发表于 2025-3-28 18:20
有心了，多谢多谢！
关于歌词也是简单的：网上都有LRC歌词，你可以将它们复制了，放到下面的链接页面 ...
我要学的太多！天啊我感觉这些代码符号太难了！！{:5_111:} 红影 发表于 2025-3-28 13:31
标题在#tit里，可以把宽度拉长点，现在的折行了呢。
或者索性调短点，变成两行标题，然后和歌词 ...
我看了一下，想发挥点智商认识一下它们我头就晕{:5_148:}，我还是用你们现成的吧，等我聪明点再说{:5_164:}
页:
[1]
2