|
|

楼主 |
发表于 2025-12-5 21:14
|
显示全部楼层
帖子代码
- <style>
- @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
- .pa {--offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/6/yl.jpg') no-repeat center/cover;}
- </style>
- <div class="pa">
- <div id="player" class="wrap200" style="right: 20px; bottom: 20px">
- <svg id="msvg" width="200" height="200">
- <path id="track" d="M10 100 A1 1 0 0 0 190 100" fill="none" stroke="lightblue" stroke-width="8" />
- <path id="prog" d="M10 100 A1 1 0 0 0 190 100" fill="none" stroke="lightgreen" stroke-width="8" />
- </svg>
- </div>
- </div>
- <script type="module">
- import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
- const tz = TZ.TZ('pa');
-
- tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=1911835887'});
- tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/2418175/01/29/76/62a7571a73dc2.mp4'});
- tz.add('img', '', 'rot-ani', {
- src: 'https://638183.freep.cn/638183/small/2025/2501.webp',
- alt: '',
- style: 'width: 160px; clic-path: circle(40%); cursor: pointer'
- }).playmp3().to('player');
- tz.svgprog('msvg', 'track', 'prog');
- tz.fs().style('left: 20px; bottom: 20px; color: lightblue');
- </script>
复制代码
|
评分
-
| 参与人数 1 | 威望 +40 |
金钱 +80 |
经验 +40 |
收起
理由
|
清茶煮雪
| + 40 |
+ 80 |
+ 40 |
创意十足,赞一个! |
查看全部评分
|