《张灯结彩过新年》学习帖（借用秋思梦景老师图片）

潇湘翁

真真 发表于 2023-1-30 18:00
好听，喜庆，谢谢大哥！

真版妹：下午好！谢谢欣赏，支持助兴，隔屏遥祝，新春快乐！

潇湘翁

沉醉醉 发表于 2023-1-30 15:49
问好老师，欣赏佳作-《张灯结彩过新年》，赏图听歌，点赞。

老师：下午好！谢谢欣赏，支持助兴，隔屏遥祝，新春快乐！

潇湘翁

黑土恋 发表于 2023-1-30 09:17
欣赏佳作，喜庆漂亮！

谢谢老师欣赏！早上好！

潇湘翁

红红的太阳 发表于 2023-1-31 10:00
欣赏潇湘翁大哥音画佳作：《张灯结彩过新年》！真喜庆好听！
祝您：兔年吉祥！幸福快乐！
{: ...

太阳妹妹：上午好！谢谢欣赏，支持助兴！远握遥祝，新春快乐！

潇湘翁

阿强 发表于 2023-1-30 10:15
欣赏潇湘翁管理委员的佳作——《张灯结彩过新年》

阿强朋友：下午好！谢谢欣赏，支持助兴，隔屏遥祝，新春快乐！

起个网名好难

仿作一帖

起个网名好难

1. <style>
   
2. .lrcShow{
   
3.         font:bold 3em 楷体;color:white;                /* 歌词字体、大小、背景颜色        */
   
4.         position:absolute;bottom:0px;left:20%;        /*        歌词的位置        */
   
5.         width:80%;height:1.5em;filter:drop-shadow(1px 1px 1px white);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;
   
6. }
   
7. .lrcShow::before{        /* 歌词动态前景色等，不熟悉就不要改动        */       
   
8.         position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:darkred;color:transparent;
   
9.         background-image:linear-gradient(90deg,hsl(30,100%,25%),hsl(60,100%,50%),hsl(90,100%,75%));-webkit-background-clip:text;overflow:hidden;white-space:nowrap;
   
10.         animation:var(--aniName) var(--durTime) linear forwards;animation-play-state:var(--aniPlayState);
    
11. }
    
12. @keyframes bgMove1{from{width:0;}to{width:100%;}}
    
13. @keyframes bgMove0{from{width:0;}to{width:100%;}}
    
14. 
    
15. #oblk        {        /*        画面有关的设置        */
    
16.         overflow:hidden;border-radius:24px;width:1000px; height:558px;position:relative; left: 0px;
    
17.         box-shadow:3px 3px 20px black;background:url(http://tuku.link/imgs/2023/01/2a31de5b33800058.gif) no-repeat 0 0 /cover;
    
18.         font-size:14px; margin:80px 0 32px -180px;        /*        帖子字体的缺省设置、画面位置设置        */
    
19. }
    
20. /*        下面是帖子标题的有关设置        */                       
    
21. .descTitle{fill:transparent;stroke-width:2;stroke-dasharray:0 300;stroke-dashoffset:0;stroke:hsl(60,100%,40%);letter-spacing:1em;font-size:2.5em;animation:varstroke 20s ease-in-out infinite alternate;}
    
22. @keyframes varstroke{to{stroke-dashoffset:2000;stroke-dasharray:300 0;}
    
23. </style>
    
24. 
    
25. <div id="oblk">        <!--         画面背景        ---->
    
26. 
    
27. <!--         画面标题        ---->
    
28. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
    
29. version="1.1" viewBox="0 0 1000 558" id="svgadmin">
    
30. <text text-anchor="middle" x="52.5%" y="12.5%" class="descTitle">张灯结彩过新年</text></svg>
    
31. 
    
32. <!--         LRC歌词显示        ---->
    
33. <div class="lrcShow" data-lrc="点击启动播放"></div>
    
34. </div>
    
35. <script>
    
36. document.write('<script type="text/javascript" src="http://cesholl.3vcn.work/scripts/lrcPlayerS.packed.js"><\/script>');
    
37. </script>
    
38. <script>
    
39. <!--
    
40. var lrctxt = `
    
41. [00:00.00]
    
42. [00:10.00] 过 新年 过新年
    
43. [00:41.95]张灯结彩又锣鼓喧天
    
44. [00:45.45]鞭炮声声除 旧岁
    
45. [00:48.98]大街小巷人潮满
    
46. [00:51.81]哎唻 哎嗨哟
    
47. [00:54.19]哎唻哎嗨哟
    
48. [00:55.96]男女 老少都笑开颜
    
49. [00:59.51]大人们张罗着年夜饭
    
50. [01:02.99]孩子们盼望着压岁钱
    
51. [01:06.01]rap：
    
52. [01:10.02]过新年过新年
    
53. [01:11.66]扫货只要敲键盘
    
54. [01:13.43]轻轻松松就下单
    
55. [01:15.10]不用再把腿跑断
    
56. [01:16.94]过新年 过新年
    
57. [01:18.65]人人都把新衣穿
    
58. [01:20.41]小伙换了新发型
    
59. [01:22.17]姑娘拍照用美颜
    
60. [01:45.05]过新 年 过新年
    
61. [01:48.50]家家户户都贴春联
    
62. [01:52.01]北方人端上了热饺子
    
63. [01:55.45]南方人正在煮汤圆
    
64. [01:58.45]哎 唻哎嗨哟
    
65. [02:00.78]哎唻哎嗨哟
    
66. [02:02.59]不怕那路途有多遥远
    
67. [02:06.07]异乡的游子正往回赶
    
68. [02:09.32]千家万户都盼团圆
    
69. [02:12.43]rap：
    
70. [02:16.56]过新年 过新年
    
71. [02:18.28]麻将打了 20圈
    
72. [02:20.03]吃饱喝足要锻炼
    
73. [02:21.65]广场舞快占地盘
    
74. [02:23.62]过新年过新年
    
75. [02:25.29]短信也能道平安
    
76. [02:27.02]看啥 呢 说你呢
    
77. [02:28.81]微信红包赶快传(恭喜 发财）
    
78. [02:38.12]哎 唻 哎嗨哟
    
79. [02:49.82]哎唻哎嗨哟
    
80. [02:51.62]不怕那路途有多遥远
    
81. [02:55.14]异乡的游子正往回赶
    
82. [02:58.47]千家万户都盼团圆
    
83. [03:02.16]千家万户都盼 团圆
    
84. `;
    
85. //       
    
86. var opts = {
    
87.     lrcTxt:lrctxt,
    
88.     audioURL:"https://music.163.com/song/media/outer/url?id=1807902383.mp3",
    
89. }
    
90. new lrcPlayerY(opts);
    
91. -->
    
92. </script>
    

复制代码

张俊柱

欣赏老师的张灯结彩过新年佳作

文字虫

大赞精心制作
评不了分

潇湘翁

廖若晨星 发表于 2023-1-30 15:40
欣赏潇老师新春佳作，《张灯结彩过新年》（借用秋思梦景老师图片）下午好

晨星老师：上午好！谢谢欣赏，支持鼓励！隔屏遥祝，新春快乐！