花简静贴子代码及说明汇总（翻页有新贴）

花简静

HUACHAO LRC

花简静

1. <style>
   
2.         @import 'https://638183.freep.cn/638183/web/css/tz01.css';
   
3.         #pa { --offsetX: 81px; margin: 150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1600px); height: auto; aspect-ratio: 16/11;--bg: url('https://642303.freep.cn/642303/za/20250907yundi02.webp') no-repeat center/cover; --ma-size: 3%; }
   
4.         #ma { left: 48%; top: 40%; background: url('https://642303.freep.cn/642303/za/001.png') no-repeat center/cover; }
   
5.         #btnFs { right: 30px; bottom: 30px; color: lightblue; border-color: currentColor!important; }
   
6.         #svg use { opacity: 1; animation: flash 18s var(--delay) infinite alternate var(--state); }
   
7.         #lrc { position: absolute; bottom: 20px; color: #B0E0E6; font-size: 30px; font-weight: bold; text-shadow: 1px 1px 2px #333; opacity: .9; }
   
8.         @keyframes flash { to { opacity: 0.5; transform: rotate(270deg); } }
   
9.         .pd-vid {
   
10.     width: 100%;
    
11.     height: 60%;
    
12.     right:-30%;
    
13.     top:30%;
    
14.     object-fit: cover;
    
15.     pointer-events: none;
    
16.     mix-blend-mode:screen;
    
17.     -webkit-mask: radial-gradient(circle,   cyan, cyan,rgba(0,0,0,.35),transparent, transparent, transparent, transparent);
    
18.      opacity: .95;
    
19. }
    
20. </style>
    
21. 
    
22. <div id="pa">
    
23.         <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1915537678" autoplay loop></audio>
    
24.         <video class="pd-vid" src="https://bpic.588ku.com/video_listen/588ku_preview/21/09/13/11/23/15/video613ec4234621a.mp4" autoplay loop muted></video>
    
25.         <div id="ma" class="brightness"></div>
    
26.           <div id="lrc">HUACHAO LRC</div>
    
27.         <svg id="svg" width="100%" height="100%" viewBox="0 0 1600 1100">
    
28.                 <defs>
    
29.                         <g id="svgShape">
    
30.                                 <image x="0" y="0" width="35" height="35" href="https://642303.freep.cn/642303/za/pgy.png" />
    
31.                         </g>
    
32.                         <path id="motionPath" d="M300 400 L1200 1100" />
    
33.                 </defs>
    
34.         </svg>
    
35. </div>
    
36. 
    
37. <script type="module">
    
38.         import { FS } from 'https://638183.freep.cn/638183/web/js/svglz_fs.js';
    
39.         import lrc from 'https://638183.freep.cn/638183/web/lrc/lrc_only.js';
    
40.     var geci = `
    
41.         [00:01.393]单曲：月落续此篇
    
42.         [00:02.593]歌手：小田音乐社 / 南栖
    
43.         [00:03.897]所属专辑：月落续此篇
    
44.         [00:05.496]作词 : 沈秋离
    
45.         [00:06.955]作曲 : 莫卿
    
46.         [00:08.385]编曲 : HoranTeo
    
47.         [00:09.729]制作人 : 爱写歌的小田/戾格
    
48.         [00:10.837]
    
49.         [00:21.077]雕楼桥畔
    
50.         [00:23.065]凉雨如烟
    
51.         [00:24.975]花落杯盏
    
52.         [00:26.702]暗香疏染
    
53.         [00:29.647]风吹轻纱
    
54.         [00:31.25]珠帘漫卷
    
55.         [00:31.991]铃动入诗几篇
    
56.         [00:37.069]年少自恃
    
57.         [00:39.09]春风不改
    
58.         [00:41.28]偷得浮生
    
59.         [00:42.041]一晌贪欢
    
60.         [00:44.802]夜泊提灯
    
61.         [00:45.629]孤身凭栏
    
62.         [00:47.107]故人琴声已远
    
63.         [00:52.501]谁与我畅谈
    
64.         [00:54.087]流年都在你眉眼
    
65.         [01:00.071]谁许我月满
    
66.         [01:02.421]落雪处携手共看
    
67.         [01:08.073]攒笔不成诗
    
68.         [01:10.433]我捻灯轻叹
    
69.         [01:16.09]临窗搁一半
    
70.         [01:18.087]月落续此篇
    
71.         [01:30.011]雕楼桥畔
    
72.         [01:31.049]凉雨如烟
    
73.         [01:33.26]花落杯盏
    
74.         [01:34.037]暗香疏染
    
75.         [01:37.623]风吹轻纱
    
76.         [01:39.15]珠帘漫卷
    
77.         [01:40.791]铃动入诗几篇
    
78.         [01:45.053]年少自恃
    
79.         [01:46.019]春风不改
    
80.         [01:49.247]偷得浮生
    
81.         [01:50.181]一晌贪欢
    
82.         [01:52.063]夜泊提灯
    
83.         [01:53.701]孤身凭栏
    
84.         [01:55.65]故人琴声已远
    
85.         [02:00.441]谁与我畅谈
    
86.         [02:02.451]流年都在你眉眼
    
87.         [02:08.178]谁许我月满
    
88.         [02:10.411]落雪处携手共看
    
89.         [02:16.093]攒笔不成诗
    
90.         [02:18.319]我捻灯轻叹
    
91.         [02:24.09]临窗搁一半
    
92.         [02:27.08]月落续此篇
    
93.         [02:32.065]谁与我畅谈
    
94.         [02:34.487]流年都在你眉眼
    
95.         [02:40.001]谁许我月满
    
96.         [02:42.509]落雪处携手共看
    
97.         [02:48.097]攒笔不成诗
    
98.         [02:50.289]我捻灯轻叹
    
99.         [02:55.889]临窗搁一半
    
100.         [02:58.927]月落续此篇
     
101. `;
     
102.         var setting = {        svg: svg, lz:8, dur: 14, gap: 600 };
     
103.         FS(pa, ma, setting);
     
104.         lrc(pa, geci);
     
105. </script>

复制代码

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静