雨中的蝴蝶 - 冬雪儿

静悟

海儿心 发表于 2022-4-23 17:10
模仿贴

最上面的<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_10294594">也不是的！

静悟

海儿心 发表于 2022-4-23 17:17

谢谢海儿心老师分享，下午好！

静悟

阿强 发表于 2022-4-23 17:23
欣赏静悟版主的音画制作——雨中的蝴蝶

谢谢阿强老师分享，问好！

静悟

沧海笑 发表于 2022-4-23 17:24
欣赏老友佳作！

谢谢老友分享，问好！

许森匡.

欣赏佳作 - 赞！

海儿心

静悟 发表于 2022-4-23 17:32
谢谢海儿心老师分享，下午好！

我打开后显示没有多余，我在试试。

静悟

海儿心 发表于 2022-4-23 17:10
模仿贴

1. <style type="text/css">
   
2. @import url('http://cesholl.cn3v.work/sstyle/lrcPlayerX.min.css');
   
3. .mCtrl        {
   
4.         width:120px;height:120px;left:30px;
   
5.         background:url(http://pan.yinhuabbs.cn/view.php/a93202bcdcd7cc95412d1595f9ec0dba.png) 0 0/100% 100%,
   
6.         url(https://s1.ax1x.com/2022/04/23/LW7X5R.png) 0px 0px/150% 100%;
   
7. }
   
8. #outframe        {
   
9.         position:relative;
   
10.         width: 1000px; height: 600px;
    
11.         margin:100px 0 16px -200px;
    
12.         box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 15px #0000CD;
    
13.         overflow:hidden;border-radius:24px;
    
14.         background:url(http://chuangshicdn.data.mvbox.cn/album/22/03/14/22031417263445440463.gif)0 0/30% 30%,linear-gradient(80deg, #00BFFF, #FFC0CB, #ff0000, #1E90FF);
    
15. }
    
16.         #curp        {
    
17.                 width: 100%;
    
18.                 height:100%;
    
19.                 background-image:url(https://s1.ax1x.com/2022/04/23/LWTmFI.png);
    
20.                 background-size: cover;
    
21.                 transform-origin: center;
    
22.                 position:absolute; top:0px; left:0px;
    
23.                 opacity:1;
    
24.         }
    
25. </style>
    
26. <div id="outframe">
    
27.         <div id="curp"></div>
    
28.         <div  class="lrcShow" id='sLRC' ></div>
    
29.         <div  id="mDisk" class='mCtrl'></div>
    
30. </div>
    
31. <script type="text/javascript">
    
32. document.write('<script src="http://cesholl.cn3v.work/scripts/lrcPlayerX.min.js" type="text/javascript"><\/script>');
    
33. </script>
    
34. 
    
35. <script type="text/javascript">
    
36. var imgSet = [
    
37. // 图片链接放在这里，张数没限制
    
38. "https://s1.ax1x.com/2022/04/23/LWTmFI.png",
    
39. "https://s1.ax1x.com/2022/04/23/LWT8mQ.png",
    
40. "https://s1.ax1x.com/2022/04/23/LWTNYq.png",
    
41. "https://s1.ax1x.com/2022/04/23/LWTdpV.png",
    
42. "https://s1.ax1x.com/2022/04/23/LWTBXF.png",
    
43. "https://s1.ax1x.com/2022/04/23/LWTy79.png",
    
44. "https://s1.ax1x.com/2022/04/23/LWTf1K.png",
    
45. "https://s1.ax1x.com/2022/04/23/LWTX1f.png",
    
46. "https://s1.ax1x.com/2022/04/23/LW7k90.png",
    
47. "https://s1.ax1x.com/2022/04/23/LW7VjU.png",
    
48. "https://s1.ax1x.com/2022/04/23/LW7mB4.png",
    
49. "https://s1.ax1x.com/2022/04/23/LW7336.png",
    
50. "https://s1.ax1x.com/2022/04/23/LW7WUs.png",
    
51. "https://s1.ax1x.com/2022/04/23/LW7I2V.png",
    
52. "https://s1.ax1x.com/2022/04/23/LW7X5R.png",
    
53. "https://s1.ax1x.com/2022/04/23/LWH9KO.png",
    
54. "https://s1.ax1x.com/2022/04/23/LWHkad.png",
    
55. "https://s1.ax1x.com/2022/04/23/LWHmxf.png",
    
56. 
    
57. ];
    
58. 
    
59. //        LRC歌词放在这里
    
60. var lrc = `
    
61. [00:00.00]雨中的蝴蝶 - 冬雪儿
    
62. [00:11.82]词：郝国文
    
63. [00:23.64]曲：景治
    
64. [00:35.46]我是一只雨中的蝴蝶
    
65. [00:43.03]淋湿了双翅在风中摇曳
    
66. [00:49.30]期盼阳光给我温暖
    
67. [00:57.03]重新找到飞翔的感觉
    
68. [01:03.77]倘若还能飞回你的视野
    
69. [01:10.90]我愿与你牵手在缤纷世界
    
70. [01:18.18]哪怕绽放的美丽已经凋谢
    
71. [01:25.46]也要驻留枝头守望如火的秋叶
    
72. [01:33.59]哦
    
73. [01:48.09]也要驻留枝头守望如火的秋叶
    
74. [01:56.62]如火的秋叶
    
75. [02:31.93]我是一只雨中的蝴蝶
    
76. [02:39.25]曾经的美丽好难忘却
    
77. [02:45.60]总想飞回邂逅的山野
    
78. [02:53.46]陪你走过花开的季节
    
79. [03:00.27]只要你把心窗对我打开
    
80. [03:07.40]我会在你窗口终生停歇
    
81. [03:14.54]纵然把我风干成一片枯叶
    
82. [03:21.90]也要化作标本藏进你的扉页
    
83. [03:29.88]哦
    
84. [03:44.54]也要化作标本藏进你的扉页
    
85. [03:52.73]你的扉页
    
86. [03:58.90]也要化作标本藏进你的扉页
    
87. [04:07.50]你的扉页`;
    
88. 
    
89. 
    
90. eval(function(p,a,c,k,e,r){e=function(c){return c.toString(36)};if('0'.replace(0,e)==0){while(c--)r[e(c)]=k[c];k=[function(e){return r[e]||e}];e=function(){return'[2369a-v]'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 j=[{a:\'b( k% c -20% 2%)\',d:\'0.4\'},{a:\'b( 2% c   0% 2%)\',d:\'0.7\',l:0.5},{a:\'b( 75% c  k% 2%)\',d:\'1\',l:0.8},{a:\'b( 80% c  2% 2%)\',d:\'0.4\'}];6 m={duration:8000,fill:\'forwards\'};6 9=0,g=e.n-1;6 h=o.p(\'outframe\');6 f=o.p(\'f\'),3;q r(){3=f.animate(j,m);3.pause();3.onfinish=s;3.t()}q s(){f.i.u="v("+e[9]+")";h.i.backgroundSize="cover";h.i.u="v("+e[g]+")";g=9;9++;9%=e.n;3.t()}r();',[],32,'||50|aniObj|||var|||imgIdx|clipPath|circle|at|opacity|imgSet|curp|lastIdx|imgBlock|style|keyFrames|25|offset|EffectTiming|length|document|getElementById|function|initAni|chg_cur_pic|play|backgroundImage|url'.split('|'),0,{}))
    
91. var opts = {
    
92.         lrcTxt:lrc,
    
93.         lrcShowID:'sLRC',
    
94.         audioCtrl:'mDisk',
    
95.         //        歌曲MP3链接放这里
    
96.         audioURL:'http://link.hhtjim.com/kw/40668296.mp3'
    
97. };
    
98. 
    
99. new lrcPlayerX(opts);
    
100. 
     
101. </script>
     

复制代码

正确的代码。

静悟

许森匡. 发表于 2022-4-23 17:36
欣赏佳作 - 赞！

谢谢许老师分享，问好！

沉醉醉

欣赏静悟老师精彩制作-雨中的蝴蝶，歌美图美，美不胜收。

许森匡.

海儿心 发表于 2022-4-23 17:36
我打开后显示没有多余，我在试试。

静悟说的两处多余你一定要把它去掉。特别是最底下的这句不能要，不去掉往往帖子要变形。