朵拉 发表于 2025-3-5 15:26

跳 楼 机（学习马黑黑霓虹甜心效果）

<style>
      @import 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.css?v=1.0';
      #tz { margin: 30px 0 30px calc(50% - 593px); background: url('https://pic1.imgdb.cn/item/67c6fc6bd0e0a243d40be222.jpg') no-repeat center/cover; }
      #mplayer { width: 630px; bottom: 110px; left: 330px; background: #3d5741; box-shadow: none; color: snow; }
      #mplayer img { filter: invert(.8); }
      #fsbtn { top: 20px; border-color: snow; color: snow; }
      #lrc { left: 390px; bottom: 160px; }
</style>

<div id="tz" class="pa">
      <audio id="aud" src="https://cccimg.com/view.php/4b8dbd61b0afd9d5f14e716def420d4f.mp3" autoplay="" loop=""></audio>
      
      <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/11/01/16/07/29/video67248c41059cc.mp4" autoplay loop muted></video>
</div>

<script type="module">
      import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.js?v=1.0';
      var gc = [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
      ];
      hcplay(tz, null, gc);
</script>

朵拉 发表于 2025-3-5 15:28

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

梦江南 发表于 2025-3-5 16:15

问候朵拉老师，佳作欣赏。{:4_187:}

马黑黑 发表于 2025-3-5 18:12

{:4_199:}

红影 发表于 2025-3-5 18:25

视频用得很漂亮，欣赏朵宝好帖{:4_199:}
页: [1]
查看完整版本: 跳 楼 机（学习马黑黑霓虹甜心效果）