【俩俩相忘】拈朵微笑的花。

雾鬓新梳绀绿

微光。glimmer 发表于 2026-2-8 21:59
哈哈哈哈哈哈。。。就这，零零后，

零零后也没有余粮了呀……表情：摊手。

婴宁

雾鬓新梳绀绿 发表于 2026-2-8 22:10
亲。这个是跟头像搭配的专用播放器。下面是简装光盘播放器的代码。

这个有代码不，我可以换成别的图片的。你刚发的这个我有。

雾鬓新梳绀绿

婴宁 发表于 2026-2-8 22:18
这个有代码不，我可以换成别的图片的。你刚发的这个我有。

<iframe style="width:100%;height:350px;" allowfullscreen="true" allowtransparency="true" frameborder="0" scrolling="no" src="http://pan.yinhuabbs.cn/view.php/e2b4944e7df9253d90e89768547c5148.html?s=MgruU5dMel547d72&amp;r= "></iframe> 

风晴雪

雾鬓的播放器还是电脑不行看不到
只能手机聆听了歌曲
唱的很不错

天空随风

辛晓琪的经典之一，雾哥唱的很好听

婴宁

雾鬓新梳绀绿 发表于 2026-2-8 22:22  

雾鬓新梳绀绿

婴宁 发表于 2026-2-9 10:53
.circle{
        position:absolute;z-index:0; text-align: center;left: 50%;top: 50%;transform:tra ...

亲。暂停状态下，右边会出现的这个红框里的图标，点开是不良网站……表情：火眼金睛。

千杭

真好听啊，这里唱歌好听的人好多。。

婴宁

1. <style>
   
2. .circle{
   
3.         position:absolute;z-index:0; text-align: center;left: 50%;top: 50%;transform:translate(-50%,-50%);
   
4.         width:120px;
   
5. 
   
6.         height:120px;
   
7. 
   
8.         border-radius:50%;
   
9. 
   
10.         overflow:hidden;
    
11. 
    
12.     }
    
13. 
    
14.     .circle > img{
    
15. 
    
16.         width: 100%;
    
17. 
    
18.         height: 100%;
    
19. 
    
20. 
    
21. 
    
22.     }
    
23.     .circl{
    
24.         position:absolute;z-index:9; text-align: center;left: 50%;top: 50%;transform:translate(-50%,-50%);
    
25.         width:60px;
    
26. 
    
27.         height:60px;
    
28. 
    
29.         border-radius:50%;
    
30. 
    
31.         overflow:hidden;
    
32. 
    
33.     }
    
34. 
    
35.     .circl > img{
    
36. 
    
37.         width: 100%;
    
38. 
    
39.         height: 100%;
    
40. 
    
41. 
    
42. 
    
43. 
    
44.     }
    
45.     .zd{
    
46.        position:absolute;text-align: center;transform:translate(-50%,-50%);
    
47.         width:120px;
    
48. 
    
49.         height:120px;
    
50. 
    
51.         animation: rotation 12s linear infinite;
    
52.         animation-play-state:paused;
    
53. 
    
54.     }
    
55. 
    
56. @keyframes rotation{
    
57.     from {transform: rotate(0deg);}
    
58.     to {transform: rotate(360deg);}
    
59. }
    
60. </style>
    
61. <script>
    
62.             function GetQueryString(name) {
    
63.                 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    
64.                 var r = window.location.search.substr(1).match(reg);
    
65.                 if (r != null) return decodeURIComponent(r[2]);
    
66.                 return null;
    
67.             }
    
68. 
    
69. window.onload = function (){  
    
70.    
    
71. 
    
72.                
    
73.                 document.getElementById('circl').appendChild(document.createElement('img')).src="https://s3.bmp.ovh/2026/02/07/1AEM4OPX.jpg";
    
74.                 document.getElementById('circle').appendChild(document.createElement('img')).src="https://s3.bmp.ovh/2026/02/09/j1fACCPb.png";
    
75. 
    
76.                   document.getElementById("YY").src="http://music.163.com/song/media/outer/url?id=1925641740.mp3";
    
77.                
    
78. 
    
79. }
    
80. 
    
81.       
    
82. function playpause() {   
    
83.     var music = document.getElementById('YY');
    
84. 
    
85.     if (music.paused){   
    
86.         music.play();   
    
87.         circl.style.width = '60px'; circl.style.height = '60px';IC.style.visibility = 'hidden';circl.style.opacity = '0.9';zd.style.animationPlayState="running";
    
88.     }   
    
89.     else{   
    
90.         music.pause();   
    
91.         circl.style.width = '100px'; circl.style.height = '100px';IC.style.visibility = 'visible';circl.style.opacity = '1.0';zd.style.animationPlayState="paused";
    
92.     }   
    
93. }
    
94. 
    
95. </script>
    
96. 
    
97. <audio id="YY" style="width: 10px; height: 10px;" loop="loop" type="audio/mpeg"></audio>
    
98. <a id="LJ" href="" target="_blank"><img id="IC" style="visibility:hidden;animation: rotation 8s linear infinite;" src="https://s3.bmp.ovh/2026/02/09/j1fACCPb.png"></a>
    
99. <a href="javascript:playpause();">
    
100. <div id="zd" class="zd">
     
101. 
     
102. <div id="circl" class="circl"></div>
     
103. <div id="circle" class="circle"></div>
     
104. </div>
     
105. </a>
     
106. 
     
107. 
     
108.    

复制代码

雾鬓新梳绀绿

风晴雪 发表于 2026-2-9 05:03
雾鬓的播放器还是电脑不行看不到
只能手机聆听了歌曲
唱的很不错

等婴宁研究明白了。我就能用上电脑网页也能显示的播放器了……表情：期待。