马黑黑 发表于 2026-3-16 19:07

tz2026插件导入简化版

<style>
        .artBox { font: normal 18px/1.2 sans-serif; overflow: auto; position: relative; }
        .artBox p { margin: 10px 0; }
        .artBox h1, .artBox h2 { margin: 4px 0; }
        .artBox code, .artBox pre { background: rgba(0,128,128,.25); padding: 2px 6px; tab-size: 4; }
        .artBox pre { padding: 10px 20px; white-space: pre-wrap; word-wrap: break-word; }
        .artBox pre code { padding: 0; background: none; }
        .artBox blockquote { margin: 10px 20px; padding: 2px 15px; border-left: 3px solid skyblue; background: rgba(240,248,255,.65); }
</style>

<div class="artBox">
    <p>
      <strong>一、单曲版</strong>
    </p>
    <pre><code>&lt;script&gt;
    loadJs('https://638183.freep.cn/638183/tzmaker/tz2026.min.js');

    function loadJs(url) {
      const script = document.createElement('script');
      script.charset = 'utf-8';
      script.src = url;
      script.defer = true;
      script.onload = () =&gt; {
            var tz = TZ('pa');
            tz.start();
      };
      document.head.appendChild(script);
    }
&lt;/script&gt;</code></pre>
    <p>
      <strong>二、专辑版</strong>
    </p>
    <pre><code>&lt;script&gt;
    var musics = [
      ['url1', '曲名1'],
      ['url2', '曲名2'],
      ['url3', '曲名3'],
      ['url4', '曲名4'],
    ];

    loadJs('https://638183.freep.cn/638183/tzmaker/tz2026m.js');

    function loadJs(url) {
      const script = document.createElement('script');
      script.charset = 'utf-8';
      script.src = url;
      script.defer = true;
      script.onload = () =&gt; {
            var tz = TZ('pa', musics);
            tz.start();
      };
      document.head.appendChild(script);
    }
&lt;/script&gt;</code></pre>
    <p>
      <strong>【附】CSS导入</strong>
    </p>
    <pre><code>&lt;style&gt;
    /* 配套单曲版 */
    @import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';

    /* 配套专辑版 */
    @import 'https://638183.freep.cn/638183/tzmaker/tz2026m.css';
&lt;/style&gt;</code></pre>
</div>

马黑黑 发表于 2026-3-16 19:11

依然是使用相同的加载JS的函数，经过改写：整体上更简洁——去掉了一个函数，直接将驱动插件的指令写在了加载JS函数中。

CSS的导入二者需要区分开来，因为对应的插件处理对象和行为有所区别。

杨帆 发表于 2026-3-16 20:24

简洁高效，一目了然，大师风采{:4_180:}

红影 发表于 2026-3-16 21:48

单曲版和专辑版对照着看挺好的，更容易理解{:4_187:}

马黑黑 发表于 2026-3-16 21:58

红影 发表于 2026-3-16 21:48
单曲版和专辑版对照着看挺好的，更容易理解

不过从代码结构看，区别不是太大

马黑黑 发表于 2026-3-16 21:59

杨帆 发表于 2026-3-16 20:24
简洁高效，一目了然，大师风采

{:4_190:}

红影 发表于 2026-3-18 11:50

马黑黑 发表于 2026-3-16 21:58
不过从代码结构看，区别不是太大

只要一个字母的区别，代表的就是不同的内容呢。

马黑黑 发表于 2026-3-18 14:31

红影 发表于 2026-3-18 11:50
只要一个字母的区别，代表的就是不同的内容呢。

那倒也是，不过也还是差不多

红影 发表于 2026-3-21 16:04

马黑黑 发表于 2026-3-18 14:31
那倒也是，不过也还是差不多

从细节来说，差很多。

马黑黑 发表于 2026-3-21 20:04

红影 发表于 2026-3-21 16:04
从细节来说，差很多。

总体效果也差不多

红影 发表于 2026-3-21 22:40

马黑黑 发表于 2026-3-21 20:04
总体效果也差不多

现在是说差一个字母的事，有时是完全不同的效果了。

马黑黑 发表于 2026-3-21 22:41

红影 发表于 2026-3-21 22:40
现在是说差一个字母的事，有时是完全不同的效果了。

同和不同也是差不多的

红影 发表于 2026-3-22 17:01

马黑黑 发表于 2026-3-21 22:41
同和不同也是差不多的

哈哈，差不多三个字可以包打天下{:4_173:}

马黑黑 发表于 2026-3-22 18:08

红影 发表于 2026-3-22 17:01
哈哈，差不多三个字可以包打天下

嗯嗯嗯，差不多

红影 发表于 2026-3-22 21:37

马黑黑 发表于 2026-3-22 18:08
嗯嗯嗯，差不多

这三个字太好用了{:4_173:}

马黑黑 发表于 2026-3-23 08:26

红影 发表于 2026-3-22 21:37
这三个字太好用了

好用多用用

红影 发表于 2026-3-23 22:17

马黑黑 发表于 2026-3-23 08:26
好用多用用

那是必须的{:4_173:}

马黑黑 发表于 2026-3-23 23:06

红影 发表于 2026-3-23 22:17
那是必须的

墙裂支持

红影 发表于 2026-3-26 20:39

马黑黑 发表于 2026-3-23 23:06
墙裂支持

放过那面墙吧，虽然它不是哭墙{:4_173:}
页: [1]
查看完整版本: tz2026插件导入简化版