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

花简静

花简静

1. <style>
   
2.         @import 'https://638183.freep.cn/638183/web/tz/tz.d.css';
   
3.         .pa { --offsetX: 0px; margin: 150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1700px); height: auto; aspect-ratio: 17/12;--bg: url('https://642303.freep.cn/642303/tu/20251022qucai01.webp') no-repeat center/cover; --ma-size: 3vw; color: #ded0c6;}
   
4.         .mList { min-width: 160px; right: 20px; top: 20px; color: beige; border: 4px ridge beige; border-radius: 10px; background: rgba(157,151,166,.1); opacity: .30;}
   
5.     .mList > p:hover {background: rgba(203, 164, 142, .35);}
   
6.     .hLight {color: #f6a160;}
   
7.         .pd-vid  { width: 28%; height: 28%;right:43%; top:48.5%; -webkit-mask: radial-gradient(circle,   cyan, cyan,rgba(0,0,0,.35),transparent, transparent, transparent, transparent);  opacity: .19;}
   
8. </style>
   
9. 
   
10. <div class="pa"></div>
    
11. 
    
12. <script type="module">
    
13.         import TZ from 'https://638183.freep.cn/638183/web/tz/tz.d.js';
    
14.         var tz = TZ.TZ('pa');
    
15. 
    
16.         var musics = [
    
17.                 ['http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=3burhO3TlXdhJ3xM&amp;shareuid', '爱若琉璃（晴儿翻唱）'],
    
18.                 ['http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=P5vqLDPit_UEqPjR&shareuid', '如许（晴儿翻唱）'],
    
19.                 ['http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=RsTyZHRuXlqX1REi&amp;shareuid', '余情（晴儿翻唱）'],
    
20.                 ['http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=jdL1vljWOKsa_jPQ&amp;shareuid', '等着我（晴儿翻唱）'],
    
21.                 ['http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=P5vqLDPit135vPYj&amp;shareuid', '要一起（晴儿翻唱）'],
    
22.                 ['http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=7yhsut7ZDp_mJ73u&amp;shareuid', '醉千年（晴儿翻唱）'],
    
23.                 ['http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=0SYKNk0B_NZag0Bd&amp;shareuid', '那么骄傲（晴儿翻唱）'],
    
24.                 ['http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=DubZyPDs7XXZJDe_&amp;shareuid', '偏爱人间烟火（晴儿翻唱）']
    
25.         ];
    
26. 
    
27.         tz.add('video', '', 'pd-vid', {
    
28.                 src: 'https://bpic.588ku.com/video_listen/588ku_preview/25/01/13/17/00/56/video6784d648ea00f.mp4'
    
29.         });
    
30. 
    
31.         tz.mlist(musics).style('right: 20px; top: 20px;');
    
32. 
    
33.         tz.bgprog().style('left: 70px; bottom: 20px;');
    
34. 
    
35.         tz.add('img', '', 'ma', {
    
36.                 src: 'https://638183.freep.cn/638183/small/2025/disc.webp',
    
37.                 style: 'left: 160px; bottom: 40px;'
    
38.         }).playmp3();
    
39. 
    
40.         tz.fs().style('bottom: 20px; right: 100px;');
    
41. </script>

复制代码

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静