《梅花雪》/杨钰莹

筱亭

丁香 发表于 2024-3-8 19:04
谁不爱钱？

回复被审核了

丁香

风清 发表于 2024-3-8 19:30
很喜欢的梅花雪，欣赏丁香音画佳作！点赞！

谢谢风清，我改成老谟的有歌词的了。早上好！

丁香

筱亭 发表于 2024-3-9 03:05
爱钱不能不要脸

骂人当然要审核了。我改成代歌词的了

筱亭

丁香 发表于 2024-3-9 06:29
骂人当然要审核了。我改成代歌词的了

这个女人该骂

丁香

筱亭 发表于 2024-3-9 08:53
这个女人该骂

丁香

1. <style>
   
2. #papa {
   
3.         margin: auto;
   
4.         width: 1024px;
   
5.         height: 640px;
   
6.         background: url('https://bbs.ltxjob.com/data/attachment/forum/202402/15/212107d7s7ajfilgr4glwn.gif.thumb.jpg ') no-repeat center/cover;
   
7.         box-shadow: 3px 3px 20px #000;
   
8.         overflow: hidden;
   
9.         position: relative;
   
10.         z-index: 1;
    
11. }
    
12. #mypic {
    
13.         position: absolute;
    
14.         width: 100px;
    
15.         margin-top:520px; margin-left:30px;
    
16.         cursor: pointer;
    
17.         animation: rot 6s infinite linear var(--state);
    
18. }
    
19. @keyframes rot { to { transform: rotate(360deg); } }
    
20. </style>
    
21. 
    
22. <div id="papa">
    
23.         <img id="mypic" src="https://bbs.ltxjob.com/data/attachment/forum/202401/13/072833drverk0evrtvu8s8.png.thumb.jpg" alt="" /><audio id="aud" src="http://music.163.com/song/media/outer/url?id=26026781.mp3" autoplay loop></audio>
    
24. <div  class="lrc" >
    
25.     <ul id="ullrc">
    
26.        </ul>
    
27.             
    
28. </div>
    
29. </div>
    
30. 
    
31. <script>
    
32. let mState = () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
    
33. aud.addEventListener('pause', () => mState());
    
34. aud.addEventListener('playing', () => mState());
    
35. mypic.onclick = () => aud.paused ? aud.play() : aud.pause();
    
36. </script>
    
37. <style type="text/css">
    
38. .lrc{
    
39.     width: 100%;
    
40.     height: 120px;
    
41.     overflow: hidden;filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px  0);
    
42.     display: block;position: absolute;top:80%; left:0%;z-index: 5;
    
43.     margin: 0 auto;}
    
44. .lrc #ullrc{
    
45. width: 100%;
    
46. padding: 0;list-style: none;transition: 0.3s all ease;
    
47.     margin: 0;}
    
48. /*歌词普通样式*/
    
49. .lrc #ullrc li{
    
50.     height: 70px;
    
51.     line-height: 60px;
    
52. font-family:华文隶书;
    
53.     font-size: 0px;
    
54.     color: #000078;
    
55.     font-weight: normal;
    
56.     transition: .3s all ease;/*一定要加上不然看着突兀*/
    
57.     list-style-type: none;
    
58.     text-align: center;display: block;
    
59.     width: 100%;
    
60.     margin: 0 auto;}
    
61. /*动态歌词样式*/
    
62. .lrc #ullrc li.active{
    
63.     font-size: 40px;
    
64.     color: #ff0000;
    
65. text-align: center;
    
66. }
    
67. </style>
    
68. <script >
    
69. var lrc = `[00:00.00]梅花雪
    
70. [00:05.15]作词 : 陈洁明
    
71. [00:12.04]作曲 : 李海鹰
    
72. [00:18.02]演唱：杨钰莹
    
73. [00:24.31]LRC：老谟深虑
    
74. [00:32.06]梅花飘雪迎杨柳
    
75. [00:36.23]多像你的手
    
76. [00:40.58]牵着我的梦儿走
    
77. [00:44.87]岁岁永长留
    
78. [00:49.27]过小桥上山坡
    
79. [00:53.60]不怕冷冷的寒流
    
80. [00:57.47]在那人生的路上同追求
    
81. [01:01.71]情深意切伴你走
    
82. [01:06.09]青山永不该
    
83. [01:10.45]绿水永长流
    
84. [01:15.01]我爱梅花飘雪的时候
    
85. [01:19.23]我要永远握住你得手
    
86. [01:23.84]握住春和秋
    
87. [01:28.41]走到天尽头
    
88. [01:32.96]
    
89. [01:52.25]梅花飘雪迎杨柳
    
90. [01:56.59]多像你的手
    
91. [02:01.02]牵着我的梦儿走
    
92. [02:05.03]哦岁岁永长留
    
93. [02:09.60]过小桥上山坡
    
94. [02:13.99]不怕冷冷的寒流
    
95. [02:17.77]在那人生的路上同追求
    
96. [02:22.12]情深意切伴你走
    
97. [02:26.53]青山永不该
    
98. [02:30.85]绿水永长流
    
99. [02:35.16]我爱梅花飘雪的时候
    
100. [02:39.53]我要永远握住你的手
     
101. [02:44.22]握住春和秋
     
102. [02:48.72]走到天尽头
     
103. [02:52.99]握住春和秋
     
104. [02:57.41]走到天尽头
     
105. [03:39.24]
     
106. `;
     
107. function $(id) {return document.getElementById(id);
     
108. }//这样写以后getid方便
     
109. function getLrcArray() {
     
110.     var parts = lrc.split("\n");
     
111.     for (let index = 0; index < parts.length; index++) {
     
112.         parts[index] = getLrcObj(parts[index]);
     
113.     }
     
114.     return parts;
     
115. 
     
116.     function getLrcObj(content) {
     
117. var twoParts = content.split("]");
     
118. var time = twoParts[0].substr(1);
     
119. var timeParts = time.split(":");
     
120. var seconds = +timeParts[1];
     
121.         var min = +timeParts[0];
     
122.         seconds = min * 60 + seconds;
     
123.         var words = twoParts[1];
     
124.         return{
     
125.             seconds: seconds,
     
126.             words: words,
     
127.         };
     
128.     }
     
129. }
     
130. var lrcArray = getLrcArray();
     
131. function inputLrc() {
     
132.     for (let index = 0; index < lrcArray.length; index++) {
     
133.         var li = document.createElement("li");
     
134.         li.innerText = lrcArray[index].words;
     
135.         $("ullrc").appendChild(li);
     
136.     }
     
137. }
     
138. inputLrc();
     
139. function setPosition() {
     
140.     var index = getLrcIndex();
     
141.     if (index == -1) {
     
142.         return;
     
143.     }
     
144.     var lrc_li_height = 70, lrc_ul_height = 60;
     
145.     var top = index * lrc_li_height + lrc_li_height / 2 - lrc_ul_height / 2;
     
146. if (top < 0) {top = 0;}$("ullrc").style.marginTop = -top + "px";
     
147.     var activeLi = $("ullrc").querySelector(".active");
     
148.     if(activeLi){
     
149.         activeLi.classList.remove("active");}
     
150. $("ullrc").children[index].classList.add("active");
     
151. }
     
152. var turn = 0;
     
153. function getLrcIndex(){
     
154. var time = $("aud").currentTime + turn;for (var index = 0; index < lrcArray.length; index++) {
     
155.         if (lrcArray[index].seconds > time) {
     
156.             return index - 1;
     
157.         }
     
158.     }
     
159. }
     
160. $("aud").ontimeupdate = setPosition;
     
161. </script>
     
162. 
     
163. 
     
164. 
     
165. </td></tr>

复制代码

愉快

丁香 发表于 2024-5-23 19:14

留言 早安问好