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

花简静

花简静

1. <style>
   
2.         @import 'https://638183.freep.cn/638183/web/css/tz01.css';
   
3.         #pa { --offsetX: 0px;margin: 150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1600px); height: auto; aspect-ratio: 16/11; --bg: tan url('https://642303.freep.cn/642303/tu/20250092507yh.webp') no-repeat center/cover; }
   
4.         #progress { position: absolute; bottom: 26%; right:70%;width: 5vw; height: 5vw; transition: .4s; opacity: .7;}
   
5.         #g1 { cursor: pointer; fill: url(#grd); fill-opacity: .8; animation: rotate 8s linear infinite var(--state); }
   
6.         #g2 { cursor: pointer; fill: none; stroke: url(#grd); stroke-width: 10; stroke-linecap: round; }
   
7.         #prog { stroke: rgba(248,248,255,.6); }
   
8.         #lrc { left: 50%;transform: translateX(-50%);bottom: 20px;bottom: 20px;opacity: .96;}
   
9.         #btnFs { left: 20px; bottom: 20px; color: white; border-color: currentColor !important; }
   
10.         .pd-vid {
    
11.     -mask: linear-gradient(to right,transparent,transparent,red);
    
12.     -webkit-mask: linear-gradient(to right,transparent,transparent,red);
    
13.     opacity: .5;
    
14.     top:-100px;
    
15.     transform: rotateY(180deg);
    
16.     mix-blend-mode: screen;  
    
17. }
    
18. </style>
    
19. 
    
20. <div id="pa">
    
21.         <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1471285412" autoplay loop></audio>
    
22.         <video class="pd-vid" src="https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.mp4" autoplay loop muted></video>
    
23.         <svg id="progress" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
    
24.                 <g id="g1" class="sepia"><title>ALT+X</title></g>
    
25.                 <g id="g2"><title>调节进度</title></g>
    
26.         </svg>
    
27. </div>
    
28. 
    
29. <script type="module">
    
30.         import { FS } from 'https://638183.freep.cn/638183/web/js/pathprog.js';
    
31.         import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.mod.js?v=1.0';
    
32.     import lrc from 'https://642303.freep.cn/642303/tu/081505.js';
    
33.    
    
34.    
    
35.         var dr = Dr.dr(progress);
    
36.         dr.gradient('radialGradient', {id: 'grd'}, [['transparent',0],['#d3653b',.5],['#86a2b8',.7],['#286eba',1]]);
    
37.         dr.path('M0 0 Q-70 100,0 140 Q70 100,0 0').addTo(g1).rotates(5);
    
38.         dr.path('M-180 0 A180 180 0 1 0 180 0').id('track').addTo(g2);
    
39.         dr.path('M-180 0 A180 180 0 1 0 180 0').id('prog').addTo(g2);
    
40.        
    
41.         var geci  = [
    
42.         [0.49,"单曲：沉醉的青丝",2.4],
    
43.         [2.87,"歌手：林宝馨",1.6],
    
44.         [4.43,"所属专辑：沉醉的青丝",0.9],
    
45.         [5.35,"作词：辛沐/林乔",1.2],
    
46.         [6.54,"作曲：武鹏飞",0.8],
    
47.         [7.33,"编曲：苏珂",0.9],
    
48.         [8.2,"演唱：林宝馨",1.0],
    
49.         [9.16,"吉他：苏珂",0.3],
    
50.         [9.45,"和声：黑优优",0.9],
    
51.         [10.39,"混音：谢骁",1.0],
    
52.         [11.4,"制作人：宋书良",1.0],
    
53.         [12.44,"监制：何湲",1.1],
    
54.         [13.5,"策划：刘宇航",0.8],
    
55.         [14.33,"OP: 讯飞音乐",0.9],
    
56.         [15.2,"",6.9],
    
57.         [22.08,"想你 念你",2.8],
    
58.         [26.01,"我追着你而去",2.5],
    
59.         [29.83,"想你 念你",2.7],
    
60.         [33.58,"停止再继续",2.0],
    
61.         [38.53,"我走过那条长椅",2.1],
    
62.         [42.01,"默守着那个秘密",2.3],
    
63.         [45.32,"拼命在脑海中寻你",3.5],
    
64.         [51.44,"如果回忆容易",1.7],
    
65.         [53.74,"我会想你念你",1.4],
    
66.         [55.57,"假装你在这里",2.6],
    
67.         [59.42,"那本旧的日历",1.8],
    
68.         [61.63,"翻了日期",1.6],
    
69.         [63.5,"告诉我牢记不容易",3.4],
    
70.         [67.09,"如果可以作弊",1.1],
    
71.         [68.68,"我会想你念你",1.3],
    
72.         [70.48,"到最后的荼蘼",2.8],
    
73.         [74.06,"时间不会犹豫",2.1],
    
74.         [76.75,"等一缕",1.2],
    
75.         [78.09,"为你而沉醉的青丝",4.4],
    
76.         [101.12,"想你 念你",2.6],
    
77.         [104.07,"我追着你而去",3.2],
    
78.         [108.05,"想你 念你",4.2],
    
79.         [112.26,"停止再继续",2.0],
    
80.         [116.67,"我走过那条长椅",2.9],
    
81.         [120.74,"默守着那个秘密",2.4],
    
82.         [124.04,"拼命在脑海中寻你",3.6],
    
83.         [130.06,"如果回忆容易",1.8],
    
84.         [132.51,"我会想你念你",1.4],
    
85.         [134.37,"假装你在这里",2.5],
    
86.         [138.16,"那本旧的日历",1.8],
    
87.         [140.6,"翻了日期",1.3],
    
88.         [142.29,"告诉我牢记不容易",2.8],
    
89.         [145.09,"如果可以作弊",1.8],
    
90.         [147.39,"我会想你念你",1.4],
    
91.         [149.27,"到最后的荼蘼",2.7],
    
92.         [153.13,"时间不会犹豫",1.6],
    
93.         [155.45,"等一缕",0.6],
    
94.         [156.03,"为你而沉醉的青丝",5.4],
    
95.         [164.07,"如果回忆容易",1.6],
    
96.         [166.18,"我会想你念你",1.4],
    
97.         [167.94,"假装你在这里",2.9],
    
98.         [171.84,"那本旧的日历",1.7],
    
99.         [174.09,"翻了日期",1.5],
    
100.         [176,"告诉我牢记不容易",3.0],
     
101.         [179,"如果可以作弊",1.7],
     
102.         [181,"我会想你念你",1.5],
     
103.         [183.11,"到最后的荼蘼",2.6],
     
104.         [186.04,"时间不会犹豫",2.6],
     
105.         [189.17,"等一缕",0.9],
     
106.         [190.4,"为你而沉醉的青丝",4.7]
     
107. ];
     
108.         FS(pa, g1);
     
109.         lrc(pa, geci);
     
110. </script>

复制代码

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静