tz2026插件导入简化版

马黑黑

一、单曲版

<script>
    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 = () => {
            var tz = TZ('pa');
            tz.start();
        };
        document.head.appendChild(script);
    }
</script>

二、专辑版

<script>
    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 = () => {
            var tz = TZ('pa', musics);
            tz.start();
        };
        document.head.appendChild(script);
    }
</script>

【附】CSS导入

<style>
    /* 配套单曲版 */
    @import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';

    /* 配套专辑版 */
    @import 'https://638183.freep.cn/638183/tzmaker/tz2026m.css';
</style>

马黑黑

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

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

杨帆

简洁高效，一目了然，大师风采

红影

单曲版和专辑版对照着看挺好的，更容易理解

马黑黑

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

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

马黑黑

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