朵拉 发表于 2026-3-6 23:32

再 见（R&B版）学习马黑黑tzMaker发文章再演示

<style>
      @import 'https://638183.freep.cn/638183/web/tz/tz.css?v1';
      .wz {
                color: orange ;
                background: url('https://643249.freep.cn/643249/%E5%B0%8F%E4%BA%91/113028cxatxvkx24v4ddck.jpg') no-repeat 0 0/100% 100%;width: 660px;
      }
      .wzh2 { font-size: 30px; }
      .wz p:not() { text-indent: 2em; }
      #player { height: 80px; }
      #progress { height: 40px; }
</style>

<div id='wz' class="wz"></div>

<script type="module">
      import TZ from 'https://638183.freep.cn/638183/web/tz/tz.min.js';
      const tz = TZ.TZ(wz);

      const text = `
<h2 class="tMid">再 见（R&B版）</h2>
<p class="tMid">AI音乐改编</p>
<p class="tMid"><img width="450" src="http://cccimg.com/view.php/d94fe965255f645a6e0c28c82863efbd.jpg" alt="" /></p>
<div id="player" class="tMid"></div>
<div id="progress" class="gMid"></div>
<pre><center>
我怕我 没有机会
跟你说一声再见
因为也许
就再也见不到你

明天我 要离开
熟悉的地 方和你
要分离
我眼泪就掉下去

我会牢牢记住你的脸
我会珍惜你给的思念
这些日子在我心中
永远都不会抹去

我不能答应你
我是否会再回来
不回头
不回头的走下去

我不能答应你
我是否会再回来
不回头
不回头的走下去
不回头
不回头的走下去
</pre>

<p></p>

<p class='tRight'>★朵拉制作★</p>

`;

      tz.text(text, wz);
      tz.add('audio', '', '', {src: 'http://cccimg.com/view.php/78304211bab3acfa1d3e8e3455934aa4.mp3'});
      tz.add('img', '','rot-ani', {
                src: 'https://cccimg.com/view.php/2972d0c51a1ac86b6283ee72d6ca2f4e.gif',
                style: 'width: 80px',
                alt: '小播'
      }).to(player).playmp3();
      tz.bgprog().to(progress);
</script>

朵拉 发表于 2026-3-6 23:33

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

马黑黑 发表于 2026-3-6 23:35

非常有个性的制作

雨季工作室 发表于 2026-3-7 09:37

欣赏了，问好老师，春祺！

红影 发表于 2026-3-7 13:17

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

梦油 发表于 2026-3-7 13:41

欣赏佳作，问候朵拉。

雨季工作室 发表于 2026-3-7 16:36

欣赏点赞！

小辣椒 发表于 2026-3-8 15:47

好听，好看，欣赏朵拉精彩的制作{:4_171:}
页: [1]
查看完整版本: 再 见（R&B版）学习马黑黑tzMaker发文章再演示