朵拉 发表于 2025-12-1 23:26

风 前 絮（学习马黑黑守岸人效果）

本帖最后由 朵拉 于 2025-12-1 23:31 编辑 <br /><br /><style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v3.css';
    .pa { --offsetX: 81px; background: url('https://pic1.imgdb.cn/item/692daa81c2ca2fe15cf0c689.jpg') no-repeat center/cover; }
    .son { width: 75px; height: 160px; background: url('https://638183.freep.cn/638183/small/flower.gif') no-repeat 50% 0/50% 50%; }
   
</style>

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

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';   
       var tz = TZ.TZ('pa');
      var lrcAr = [
    ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
      ];
      tz.lrc(lrcAr).style('top: 20px; right: 50px');
    tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=2758559744'});
    tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/3664703/00/02/09/5b505a6fa6e29.mp4'});
    tz.add('div', 'player', 'wrap100 hue-rotate rotate-ani', {style: 'cursor: pointer'}).playmp3();
    tz.lzRot(6, 'player', {className: 'son'});
    tz.fs().style('right: 20px; bottom: 20px');
</script>

朵拉 发表于 2025-12-1 23:27

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

马黑黑 发表于 2025-12-1 23:44

{:4_199:}

红影 发表于 2025-12-2 12:25

漂亮，欣赏朵宝好帖{:4_187:}
页: [1]
查看完整版本: 风 前 絮（学习马黑黑守岸人效果）