朵拉 发表于 2025-11-8 21:52

善 后（学习马黑黑颓废效果）

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.min.css';
    .pa {--offsetX: 81px; --bg: url('https://pic1.imgdb.cn/item/690f476c3203f7be00e4914b.jpg') no-repeat center/cover; --ma-size: 80px; }
    .lrc {top: 40px; left: 30px; color: white; writing-mode: vertical-lr; --c1: lightblue; --c2: lightblue; --rect: 0 0 100% 0; --border: 0 1px 0 0; }
</style>

<div id="pa" class="pa"></div>

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v2.js';
    var tz = TZ.TZ('pa');
let gc = [
    ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

    tz.add('audio', '', '', { src: 'https://cccimg.com/view.php/801b05d9eba3d8e54643ad777d433e2a.mp3' });
    tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/15653652/01/40/17/632c27de420c7.mp4' });
    tz.add('img', 'player', 'ma', {
      src: 'https://638183.freep.cn/638183/web/svg1/002.svg',
      style: 'bottom: 40px; left: 185px; border-radius: 50%'
    }).playmp3();
    tz.lrc(gc);
    tz.bgprog().style('color: lightblue; bottom: 20px; left: 100px;');
    tz.fs().style('top: 20px; right: 20px');
</script>

朵拉 发表于 2025-11-8 21:53

@马黑黑
老师 晚上好，学生交作业，请指正{:4_190:}

红影 发表于 2025-11-9 10:23

漂亮，欣赏朵宝好帖{:4_199:}

马黑黑 发表于 2025-11-9 12:36

{:4_199:}
页: [1]
查看完整版本: 善 后（学习马黑黑颓废效果）