听雨轩

一鹿向北

再次来感谢听雨老师，
这一年用了老师的代码，
现在终于可以正式在这里分享音乐用老师的代码了。

竹轩听雨

一鹿向北 发表于 2026-4-27 08:33
再次来感谢听雨老师，
这一年用了老师的代码，
现在终于可以正式在这里分享音乐用老师的代码了。

一鹿回来了，在哪遇见都是朋友，代码想用，随意就好~~
上小轩最好的茶，欢迎常来小轩一坐，问好一鹿哈~~

花落千江水

竹轩听雨 发表于 2026-4-27 08:40
一鹿回来了，在哪遇见都是朋友，代码想用，随意就好~~
上小轩最好的茶，欢迎常来小轩一坐，问好一鹿哈~~ ...

我也来坐坐，蹭一杯茶

竹轩听雨

花落千江水 发表于 2026-4-27 08:45
我也来坐坐，蹭一杯茶

花落来了，上小轩最好的茶，欢迎常来小轩一坐哈~~

竹轩听雨

【雾】

歌手｜张小九

FINE SPRAY

船轻摇 穿过湖面的拱桥
夕阳 躲在向西的半山腰
一对白鹭
在岸头吹起口哨
微风轻拂过你的发梢
骑单车 载你去咖啡馆 闲聊
杂志说 双子配狮子 刚好
我故意 拨慢了腕上的 手表
恰巧 有春雨 往眼里绕
时间 像蓬勃的青春般 奔跑
逝去的同时 又一路在寻找
我们在往日中嬉笑
谁料又在现实中跌倒
船轻摇 穿过湖面的拱桥
夕阳 躲在向西的半山腰

一对白鹭
在岸头吹起口哨
微风轻拂过你的发梢
骑单车 载你去咖啡馆 闲聊
杂志说 双子配狮子 刚好
我故意 拨慢了腕上的 手表
恰巧 有春雨 往眼里绕
时间 像蓬勃的青春般 奔跑
逝去的同时 又一路在寻找
我们在往日中嬉笑
谁料又在现实中跌倒
我故意 拨慢了腕上的 手表
恰巧 有春雨 往眼里绕
时间 像蓬勃的青春般 奔跑
逝去的同时 又一路在寻找
我们在往日中嬉笑
谁料又在现实中跌倒

竹轩听雨

1. <br><br>
   
2. <div align="center">
   
3. <section class="_editor" style=" margin: 0px auto;width:660PX;">
   
4. <section style="border: 1px dotted rgb(202,200,200);">
   
5. <section style="margin: -10px 8px; border: 1px dotted #DBD7D7; box-shadow: #DBD7D7 0px 0px 1px ; background-color: #E9F3F1;">
   
6. <section style="background-image: url('https://img.wyc520.com.cn/data/attachment/forum/202506/10/112212ahyyiynq4zjjiuny.jpg'); background-repeat: repeat; background-size: 138%; padding: 0px;box-sizing: border-box;">
   
7. <section>
   
8. <section style="text-align: center;"><img src="https://img.wyc520.com.cn/data/attachment/forum/202506/10/112212jgfdmzkffggfhjkf.png" style="width: 100%;vertical-align:baseline;box-sizing:border-box;max-width:100%;"></section>
   
9. </section>
   
10. <section style="box-sizing: border-box; margin: -150px 0px 0px; padding: 0px 15px 0px 0px;">
    
11. <section>
    
12. <section align="right" style="text-align: right;font-size: 28px; line-height: 2em;font-family: 微软雅黑, Microsoft YaHei;color: #17365d;margin: 0px -15px ;">
    
13. 【雾】
    
14. </section>
    
15. <section style="text-align: right;font-size: 15px; letter-spacing: 1.5px; color: #17365d;font-family: 微软雅黑, Microsoft YaHei;line-height: 2em;">
    
16. 歌手｜张小九
    
17. </section></section>
    
18. <section style="margin: 10px auto; display: flex; justify-content: flex-end;">
    
19. <section style="text-align: center; padding: 1px 10px; box-sizing: border-box; background-image: url('https://img.wyc520.com.cn/data/attachment/forum/202506/10/112212o54eucpjaak4yc5e.png'); background-repeat: repeat; background-size: auto;"><span style="font-size: 14px; color: #17365d;font-family: 微软雅黑, Microsoft YaHei;" >FINE SPRAY </span></section>
    
20. </section></section>
    
21. <section style="padding: 0px 0px 0px 15px; box-sizing: border-box; background-image: url('https://img.wyc520.com.cn/data/attachment/forum/202506/10/112211tvpfntct4jekp8bz.png'); background-repeat: no-repeat; background-size: 100% auto; background-position: center center;">
    
22. <section style="margin-right:60px; margin-left: 220px;letter-spacing: 2.4px; line-height: 2em; font-family: 微软雅黑, Microsoft YaHei;text-align:justify; color: #333333; text-shadow: none; letter-spacing: 1.5px; font-size: 15px;">
    
23. <br>
    
24. 船轻摇 穿过湖面的拱桥<br>
    
25. 夕阳 躲在向西的半山腰<br>
    
26. 一对白鹭<br>
    
27. 在岸头吹起口哨<br>
    
28. 微风轻拂过你的发梢<br>
    
29. 骑单车 载你去咖啡馆 闲聊<br>
    
30. 杂志说 双子配狮子 刚好<br>
    
31. 我故意 拨慢了腕上的 手表<br>
    
32. 恰巧 有春雨 往眼里绕<br>
    
33. 时间 像蓬勃的青春般 奔跑<br>
    
34. 逝去的同时 又一路在寻找<br>
    
35. 我们在往日中嬉笑<br>
    
36. 谁料又在现实中跌倒<br>
    
37. 船轻摇 穿过湖面的拱桥<br>
    
38. 夕阳 躲在向西的半山腰<br>
    
39. 
    
40. </section></section>
    
41. <section style="padding: 0px 0px 0px 15px; box-sizing: border-box; background-image: url('https://img.wyc520.com.cn/data/attachment/forum/202506/10/112212mon17kj7iji7kxii.png'); background-repeat: no-repeat; background-size: 100% auto; background-position: center center;">
    
42. <section style="margin-right:60px; margin-left: 220px;letter-spacing: 2.4px; line-height: 2em; font-family: 微软雅黑, Microsoft YaHei;text-align:justify; color: #333333; text-shadow: none; letter-spacing: 1.5px; font-size: 15px;">
    
43. 一对白鹭<br>
    
44. 在岸头吹起口哨<br>
    
45. 微风轻拂过你的发梢<br>
    
46. 骑单车 载你去咖啡馆 闲聊<br>
    
47. 杂志说 双子配狮子 刚好<br>
    
48. 我故意 拨慢了腕上的 手表<br>
    
49. 恰巧 有春雨 往眼里绕<br>
    
50. 时间 像蓬勃的青春般 奔跑<br>
    
51. 逝去的同时 又一路在寻找<br>
    
52. 我们在往日中嬉笑<br>
    
53. 谁料又在现实中跌倒<br>
    
54. 我故意 拨慢了腕上的 手表<br>
    
55. 恰巧 有春雨 往眼里绕<br>
    
56. 时间 像蓬勃的青春般 奔跑<br>
    
57. 逝去的同时 又一路在寻找<br>
    
58. 我们在往日中嬉笑<br>
    
59. 谁料又在现实中跌倒<br>
    
60. </section></section>
    
61. <br><br>
    
62. <div style="text-align: justify;">
    
63.     <div align="center" style="position: relative;">
    
64.         <script type="text/javascript">
    
65.         document.write("<scr" + "ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js'></sc" + "ript>")
    
66.         document.write("<scr" + "ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/player.js'></sc" + "ript>")
    
67.         document.write("<scr" + "ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.js'></sc" + "ript>")
    
68.         </script>
    
69.         <link href="http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.css" rel="stylesheet" type="text/css">
    
70.         <div style="margin:0px auto;">
    
71.             <div class="fineplays" style="display:block;position:relative;width:100%;max-width:100px;height:auto;margin:0px auto 0px;">
    
72.                 <ul class="player-audios" style="display:none;">
    
73.                     <li data-artist="" data-title="雾 - 张小九">
    
74.                         <div class="player-source" data-src="https://music.163.com/song/media/outer/url?id=1304301475.mp3" data-type="audio/mpeg" />
    
75.                     </li>
    
76.                 </ul>
    
77.             </div>
    
78.         </div>
    
79.         <br>
    
80.     </div>
    
81. </div>
    
82. <br><br><br><br>
    
83. </section></section>
    
84. </section></section>
    
85. </div>
    
86. <br><br>

复制代码

花落千江水

竹轩听雨 发表于 2026-4-27 08:50
花落来了，上小轩最好的茶，欢迎常来小轩一坐哈~~

我经常不请自来的，偷偷顺走好看的代码

竹轩听雨

花落千江水 发表于 2026-4-28 08:19
我经常不请自来的，偷偷顺走好看的代码

也可顺便来喝杯香茶哈~~

竹轩听雨

WINTER ROMANTIC

新女人花

歌手｜陈瑞

梦的洁白 心的无暇
豆蔻枝头绽放芳华
红尘万丈 弱水三千
只想找寻那一个他
蓝色裙子 白色月牙
坐在岸边唱到沙哑
玫瑰的刺梅花的冷
只想等到一颗心呀
女人啊都是一朵花
爱是泥土不要轻摘下
露水啊徒然惹牵挂
你可愿化作春泥来护花
女人啊都是一朵花
花开堪折你要珍惜她
四季啊一年年变化
风吹花落咫尺成天涯
蓝色裙子 白色月牙
坐在岸边唱到沙哑
玫瑰的刺梅花的冷
只想等到一颗心呀
女人啊都是一朵花
爱是泥土不要轻摘下
露水啊徒然惹牵挂
你可愿化作春泥来护花
女人啊都是一朵花
花开堪折你要珍惜她
四季啊一年年变化
风吹花落咫尺成天涯
女人啊都是一朵花
爱是泥土不要轻摘下
露水啊徒然惹牵挂
你可愿化作春泥来护花
女人啊都是一朵花
花开堪折你要珍惜她
四季啊一年年变化
风吹花落咫尺成天涯
风吹花落咫尺成天涯

竹轩听雨

1. <br><br>
   
2. <div align="center">
   
3. <section style="width:660px;">
   
4. <section style="background:#fefefe;box-shadow: 0px 2px 5px #d6cece;padding: 10px 10px;">
   
5. <section style="background-image: url('https://wyc520.com.cn/forum.php?mod=attachment&aid=NDM0MzY5fDdhNzk2NDRkfDE3NzUwNDU3NjN8NTIxMjh8Mzk0ODE3&noupdate=yes'); background-position: 0% 0%; background-repeat: repeat-y; background-size: 100%; background-attachment: scroll;">
   
6. <div style="position: static;">
   
7. <section style="text-align: left; justify-content: flex-start; display: flex; flex-flow: row;">
   
8. <div style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-image: url('https://wyc520.com.cn/forum.php?mod=attachment&aid=NDM0MzcxfGJmNjIwZGU0fDE3NzUwNDU3NjN8NTIxMjh8Mzk0ODE3&noupdate=yes'); background-size: 100%; background-repeat: repeat-y; background-position: 0% 0%; background-attachment: scroll;">
   
9. <div style="position: static;">
   
10. <section style="text-align: left; justify-content: flex-start; display: flex; flex-flow: row;">
    
11. <div style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-image: url('https://wyc520.com.cn/forum.php?mod=attachment&aid=NDM0MzcwfGZkZWZkNjQ1fDE3NzUwNDYyODV8NTIxMjh8Mzk0ODE3&noupdate=yes'); background-size: 100% 100%; background-repeat: no-repeat; background-position: 50% 50%; background-attachment: scroll;">
    
12. <div style="position: static;">
    
13. <section style="text-align: center; justify-content: center; display: flex; flex-flow: row; margin: 120px 0px 0px;">
    
14. <div style="display: inline-block; width: auto; vertical-align: top; align-self: flex-start; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto;">
    
15. <div>
    
16. <section>
    
17. <div style="text-align: center; font-size: 30px; color: rgb(255, 255, 255); letter-spacing: 3px;">
    
18. <section>WINTER ROMANTIC<br></section>
    
19. </div></section></div></div></section></div>
    
20. <div style="position: static;">
    
21. <section style="text-align: center; justify-content: center; display: flex; flex-flow: row; margin: 20px 0px 12px;">
    
22. <div style="display: inline-block; vertical-align: middle; width: auto; align-self: center; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto;">
    
23. <div style="position: static;">
    
24. <section style="text-align: center; line-height: 0;">
    
25. <div style="max-width: 100%; vertical-align: middle; display: inline-block; line-height: 0;  width: 43px; height: auto;"><img src="https://wyc520.com.cn/forum.php?mod=attachment&aid=NDM0MzgwfDQzNTIwMWU5fDE3NzUwNDYyODV8NTIxMjh8Mzk0ODE3&noupdate=yes" style="vertical-align: middle; max-width: 100%; width: 100%;"></div>
    
26. </section></div></div>
    
27. <div style="position: static;">
    
28. <section style="text-align: center; justify-content: center; display: flex; flex-flow: row;">
    
29. <div style="display: inline-block; width: auto; vertical-align: top; align-self: flex-start; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto; border-left: 1px solid rgb(15, 40, 80); border-right: 1px solid rgb(15, 40, 80); padding: 0px 0px 0px 5px;">
    
30. <div>
    
31. <section>
    
32. <div style="text-align: center; color: rgb(15, 40, 80); font-size: 30px; letter-spacing: 3px;line-height: 1em; font-family: 微软雅黑, Microsoft YaHei;">
    
33. <section>新女人花</section>
    
34. </div></section></div></div></section></div>
    
35. <div style="display: inline-block; vertical-align: middle; width: auto; align-self: center; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto;">
    
36. <div style="position: static;">
    
37. <section style="text-align: center; line-height: 0;">
    
38. <div style="max-width: 100%; vertical-align: middle; display: inline-block; line-height: 0; width: 43px; height: auto;"><img src="https://wyc520.com.cn/forum.php?mod=attachment&aid=NDM0MzgwfDQzNTIwMWU5fDE3NzUwNDYyODV8NTIxMjh8Mzk0ODE3&noupdate=yes" style="vertical-align: middle; max-width: 100%; width: 100%;"></div>
    
39. </section></div></div></section></div>
    
40. <div style="position: static;">
    
41. <section style="text-align: center; justify-content: center; display: flex; flex-flow: row; margin: 0px 0px 5px;">
    
42. <div style="display: inline-block; width: auto; vertical-align: top; align-self: flex-start; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto;">
    
43. <div>
    
44. <section>
    
45. <div style="text-align: center; color: rgb(15, 40, 80);line-height: 2em; font-family: 微软雅黑, Microsoft YaHei; letter-spacing: 1px;font-size: 15px;">
    
46. <section>歌手｜陈瑞</section>
    
47. </div></section></div></div></section></div>
    
48. <br>
    
49. </div></section></div>
    
50. <div style="position: static;">
    
51. <section style="text-align: center; justify-content: center; display: flex; flex-flow: row; margin: 0px 0px 10px;">
    
52. <div style="display: inline-block; width: auto; vertical-align: top; align-self: flex-start; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto; padding: 0px 0px 0px 5px;">
    
53. <div style="display: inline-block; vertical-align: top; width: 72%; align-self: flex-start; flex: 0 0 auto; background-image: linear-gradient(rgb(225, 242, 255) 0%, rgb(126, 165, 223) 100%); height: auto; padding: 10px 14px 12px 10px;">
    
54. <div style="position: static;">
    
55. <section style="text-align: left; justify-content: flex-start; display: flex; flex-flow: row;">
    
56. <div style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; border-style: groove; border-width: 2px; border-color: rgb(250, 250, 254); margin: 0px;">
    
57. <div style="position: static; margin-top: 0px; margin-bottom: 0px;">
    
58. <section style="margin: 0px;">
    
59. <div style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; line-height: 0em;">
    
60. <section style="display: block;">
    
61. <section width="100%" height="100%" ; border-radius: 100%; overflow: hidden; box-sizing: border-box;">
    
62. <section class="135bg" style="background: url('https://img.wyc520.com.cn/data/attachment/forum/202603/23/152514mx215ldux8qucluu.jpg') center top / 100% repeat-x rgba(0, 0, 0, 0); padding: 0px;">
    
63. <img style="width:100%;display:block;opacity:0.8;" src="https://img.wyc520.com.cn/data/attachment/forum/202603/23/171023tp6mmpwpmh7mhhpq.gif" data-ratio="0.46875" hm_fix="326:767" data-w="640" /></section>
    
64. </section></section></div></section></div></div></section></div></div></div></section></div>
    
65. <br><br>
    
66. <div style="position: static;">
    
67. <section style="text-align: left; justify-content: flex-start; display: flex; flex-flow: row;">
    
68. <div style="display: flex; width: auto; vertical-align: top; align-self: flex-start; flex: 0 0 auto; min-width: 5%;  height: auto;">
    
69. <div style="position: static;">
    
70. <section style="text-align: left; margin: 0px; line-height: 0; justify-content: flex-start;">
    
71. <div style="vertical-align: middle; display: inline-block; line-height: 0; width: 110px; height: auto;" title=""><img src="https://wyc520.com.cn/forum.php?mod=attachment&aid=NDM0MzcyfGNhZmYyNjIwfDE3NzUwNDU3NjN8NTIxMjh8Mzk0ODE3&noupdate=yes" style="vertical-align: middle; opacity: 0.8; width: 100%;"></div>
    
72. </section></div></div>
    
73. <div style="display: inline-block; width: auto; vertical-align: top; align-self: flex-start; flex: 100 100 0%; height: auto; padding: 0px; ">
    
74. <div style="position: static;">
    
75. <section style="text-align: right; margin-top: -30px; line-height: 0; justify-content: flex-end;">
    
76. <section style="margin-right:10px; margin-left: 150px;letter-spacing: 2.4px; line-height: 2em; font-family: 微软雅黑, Microsoft YaHei;text-align:justify;font-size: 15px;color: rgb(0,0,0);">
    
77. 梦的洁白 心的无暇<br>
    
78. 豆蔻枝头绽放芳华<br>
    
79. 红尘万丈 弱水三千<br>
    
80. 只想找寻那一个他<br>
    
81. 蓝色裙子 白色月牙<br>
    
82. 坐在岸边唱到沙哑<br>
    
83. 玫瑰的刺梅花的冷<br>
    
84. 只想等到一颗心呀<br>
    
85. 女人啊都是一朵花<br>
    
86. 爱是泥土不要轻摘下<br>
    
87. 露水啊徒然惹牵挂<br>
    
88. 你可愿化作春泥来护花<br>
    
89. 女人啊都是一朵花<br>
    
90. 花开堪折你要珍惜她<br>
    
91. 四季啊一年年变化<br>
    
92. 风吹花落咫尺成天涯<br>
    
93. 蓝色裙子 白色月牙<br>
    
94. 坐在岸边唱到沙哑<br>
    
95. 玫瑰的刺梅花的冷<br>
    
96. 只想等到一颗心呀<br>
    
97. 女人啊都是一朵花<br>
    
98. 爱是泥土不要轻摘下<br>
    
99. 露水啊徒然惹牵挂<br>
    
100. 你可愿化作春泥来护花<br>
     
101. 女人啊都是一朵花<br>
     
102. 花开堪折你要珍惜她<br>
     
103. 四季啊一年年变化<br>
     
104. 风吹花落咫尺成天涯<br>
     
105. 女人啊都是一朵花<br>
     
106. 爱是泥土不要轻摘下<br>
     
107. 露水啊徒然惹牵挂<br>
     
108. 你可愿化作春泥来护花<br>
     
109. 女人啊都是一朵花<br>
     
110. 花开堪折你要珍惜她<br>
     
111. 四季啊一年年变化<br>
     
112. 风吹花落咫尺成天涯<br>
     
113. 风吹花落咫尺成天涯<br>
     
114. </section></section></div></div>
     
115. <div style="display: inline-block; width: auto; vertical-align: middle; align-self: center; flex: 0 0 auto; min-width: 5%;  height: auto; margin: 0px;">
     
116. <div style="position: static;">
     
117. <section style="text-align: right; margin: 0px; line-height: 0; justify-content: flex-end;">
     
118. <div style="display: flex; width: 100%; vertical-align: top; flex-flow: column;transform: translate3d(0px, 0px, 0px);">
     
119. <section style="text-align: right; justify-content: flex-end; display: flex; flex-flow: row; margin: 0px;">
     
120. <div style="display: flex; width: auto; vertical-align: top; align-self: flex-start; flex: 0 0 auto; min-width: 5%;  height: auto;">
     
121. <div style="position: static;">
     
122. <section style="text-align: left; margin: 0px; line-height: 0; justify-content: flex-start;">
     
123. <div style="vertical-align: middle; display: inline-block; line-height: 0; width: 180px; height: auto;" title=""><img src="https://wyc520.com.cn/forum.php?mod=attachment&aid=NDM0MzczfDEzN2Y4OTU0fDE3NzUwNDU3NjN8NTIxMjh8Mzk0ODE3&noupdate=yes" style="vertical-align: middle;opacity: 0.8;  width: 100%;"></div>
     
124. </section></div></div></section></div></section></div></div></section></div>
     
125. <br><br>
     
126. <div align="center" style="position: relative;">
     
127.     <script type="text/javascript">
     
128.     document.write("<scr" + "ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js'></sc" + "ript>")
     
129.     document.write("<scr" + "ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/player.js'></sc" + "ript>")
     
130.     document.write("<scr" + "ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.js'></sc" + "ript>")
     
131.     </script>
     
132.     <link href="http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.css" rel="stylesheet" type="text/css">
     
133.     <div style="margin:0px auto;">
     
134.         <div class="fineplays" style="display:block;position:relative;width:100%;max-width:100px;height:auto;margin:0px auto 0px;">
     
135.             <ul class="player-audios" style="display:none;">
     
136.                 <li data-artist="" data-title="新女人花 - 陈瑞" data-album="" data-info="" data-image="" data-duration="0">
     
137.                     <div class="player-source" data-src="http://webftp-bbs.hnol.net/sxrx2016/mp3/xnrx.swf" data-type="audio/mpeg" />
     
138.                 </li>
     
139.             </ul>
     
140.         </div>
     
141.     </div>
     
142. </div><br><br>
     
143. <br><br>
     
144. </div></section></div></section></section></section></div>
     
145. <br><br>

复制代码