《骏马奔驰在草原上》—借用秋思老师图片

许森匡.

欣赏佳作 - 赞！

静悟

欣赏潇管佳作：《骏马奔驰在草原上》！

静悟

潇湘翁 发表于 2022-5-9 08:31
谢谢老师欣赏指导，我已将高度改了。请问能用什么方法能将歌词往上面稍移一点吗？

潇管好，你把这个数改为：

<div id="layer" style="width:90%;position:absolute;bottom:4px;left:5％;margin:46px;">
</div>

margin:46px;就上去了。

我就来看看

歌词字体小一些、靠上一些是不是好点。

潇湘翁

静悟 发表于 2022-5-9 08:57
潇管好，你把这个数改为：

谢谢静版：按照您的提示，已经将歌词上移了！

我就来看看

[00:00.00]音画制作: 潇湘翁 [00:19.55]骏马奔驰在辽阔的草原 [00:29.25]钢枪紧握战刀亮闪闪 [00:39.27]祖国的山山水水连着我的心 [00:45.66]决不容豺狼来侵犯 [00:58.08]阿爸帮我饮战马 [01:07.68]阿妈给我缝补衣衫 [01:17.64]挤奶的姑娘向我招手笑 [01:23.94]喝一杯奶茶情意深 [01:36.36]边疆就是我的家 [01:45.96]人民和军队心相连 [01:56.01]到处都有母亲的爱 [02:02.31]到处都有亲人的笑脸 [02:08.82]到处都有母亲的爱 [02:15.18]到处都有亲人的笑脸 [02:23.10]啊嗨 [02:23.40]啊嗨 [02:29.79]啊

1. <div style="background-image:url(http://tuku.link/imgs/2022/05/2372bfc3865a3281.gif);
2. width:900px;height:450px;position:relative;margin:40px 0 24px -70px;">
4. <div id="layer" style="width:90%;position:absolute;bottom:10px;left:5%;">
5. </div>
6. </div>
9. <textarea style="visibility:hidden;" id="lrcContent">
10. [00:00.00]音画制作: 潇湘翁
11. [00:19.55]骏马奔驰在辽阔的草原
12. [00:29.25]钢枪紧握战刀亮闪闪
13. [00:39.27]祖国的山山水水连着我的心
14. [00:45.66]决不容豺狼来侵犯
15. [00:58.08]阿爸帮我饮战马
16. [01:07.68]阿妈给我缝补衣衫
17. [01:17.64]挤奶的姑娘向我招手笑
18. [01:23.94]喝一杯奶茶情意深
19. [01:36.36]边疆就是我的家
20. [01:45.96]人民和军队心相连
21. [01:56.01]到处都有母亲的爱
22. [02:02.31]到处都有亲人的笑脸
23. [02:08.82]到处都有母亲的爱
24. [02:15.18]到处都有亲人的笑脸
25. [02:23.10]啊嗨
26. [02:23.40]啊嗨
27. [02:29.79]啊
28. </textarea>
29. <script type="text/javascript">
30. document.write('<script type="text/javascript" src="http://cesholl.cn3v.work/scripts/lrcPlayer.min.js"><\/script>');
31. </script>
32. <script type="text/javascript">
33. var opts = {
34. lrcTxtID:'lrcContent', // 放置LRC的textarea标签的ID
35. lrcShowID:"layer", // 显示歌词的标签ID
36. audioURL:"http://music.163.com/song/media/outer/url?id=103357.mp3 ", // 歌曲MP3地址
37. gczh:'36px', // 歌词字体大小
38. gczt:'楷体', // 歌词字体, 若无此参数默认为微软雅黑
39. gcys:'#e6f391', // 当前歌词显示红色
40. gcys1:'yellow', // 后续歌词显示颜色
41. shys:'#000', // 歌词描边色，若无此参数则无描边
42. gcct:true, // 歌词是否加粗
43. dqfs:'center', // 歌词显示对齐方式，若无此参数默认居中对齐
45. showMode:0, // 横排(0)或竖排(1)，若无此参数默认横排
46. playLoop:true, // 是否循环播放，若无此参数默认播放一次
47. gchs: 1 // 显示歌词行（列）数，默认为1行
48. };
49. var km = new lrcPlayer(opts);
50. </script>

复制代码

潇湘翁

我就来看看 发表于 2022-5-9 09:19
歌词字体小一些、靠上一些是不是好点。

谢谢老师：欣赏关注。用什么方法能改小字体呢？

我就来看看

潇湘翁 发表于 2022-5-9 09:35
谢谢老师：欣赏关注。用什么方法能改小字体呢？

看看17楼是不是字略小了些。

设置 gczh 的数值就行了。

湛蓝

17楼的很合适！

潇湘翁

我就来看看 发表于 2022-5-9 09:37
看看17楼是不是字略小了些。

设置 gczh 的数值就行了。

谢谢老师指导！经过改小宋体以后，的确好了不少。谢谢老师！在代码中也可以更改歌词的颜色吗？具体又怎样操作呢？