马黑黑 发表于 2026-2-26 13:01

外滩十八号

<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
.pa { --bg: url('https://638183.freep.cn/638183/t24/w7/wt18.webp') no-repeat center/cover; --ma-size: 12%; }
.ma { transition: .5s; }
.ma:hover { --ma-size: 15%; }
</style>

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

<script>
var gc = `
『外滩十八号』
演唱:男才女貌
我不知道你在想什么
还是那个地点那条街 哦
（那分手的夜）
那缠绵的地点
难道是爱的天平已经倾斜
送给让我心动的女孩（xesh）
下着雨的夜
（太熟悉的街）
所有的感觉
（已没有那么热烈）
下着雨的夜
（心痛的感觉）
刹那的视线
（黑夜里天空下着雪）
再多的理由
太多的借口
都无法代替
（你对我爱的感觉）
再多的画面
太多的理由
都变成要结束的一切
我不知道你在想什么
还是那个地点那条街 哦
（那分手的夜）
那缠绵的地点
难道是爱的天平已经倾斜
我很明白你在想什么
还是那个地点那条街 哦
（相约的地点）
结束的一切
很明白爱并不是你要的一切
下着雨的夜
所有的感觉
下着雨的夜
刹那的视线
太多的理由
都无法代替
太多的画面
都变成要结束的一切
我不知道你在想什么
还是那个地点那条街 哦
那分手的夜
那缠绵的地点
难道是爱的天平已经倾斜
我很明白你在想什么
还是那个地点那条街 哦
相遇的地点
结束的一切
很明白爱并不是你要的一切
所有混乱的感觉
无可救药的一切
太多一切 太多亲切
太多伤痛的理由让我无法拒绝
我不知道你在想什么
你很明白
还是那个地点那条街 哦
那分手的夜
那缠绵的地点
难道是爱的天平已经倾斜
我很明白你在想什么
我不知道
还是那个地点那条街 哦
相遇的地点
结束的一切
很明白爱并不是你要的一切
（我很明白你在想什么）
（还是那个地点那条街）
相遇的地点
结束的一切
`;
var jsFile = 'https://638183.freep.cn/638183/tzmaker/tz.v5.min.js';
loadJs(jsFile, tzInit);

function loadJs(url, callback) {
    const script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.defer = true;
    script.onload = callback;
    document.head.appendChild(script);
}

function tzInit() {
    var tz = TZ('pa');
    tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=369173' });
    tz.add('img', '', 'ma', { src: 'https://638183.freep.cn/638183/small/2026/a5.png' }).style('bottom: 60px; mix-blend-mode: overlay; clip-path: circle(45%);').playmp3();
    tz.bgprog().style('bottom: 40px; color: #fefefe; width: 240px;');
    tz.lrc(tz.lrc2HC(gc), '', false).style('top: 30px; right: 40px; writing-mode: vertical-rl; text-orientation: upright; --rect: 0 0 100% 0; --border: 0;');
    tz.fs().style('left: 20px; top: 20px;');
    tz.autoMid();
}
</script>

梦江南 发表于 2026-2-26 13:50

欣赏黑黑老师的外滩十八号竖排歌词。{:4_187:}

红影 发表于 2026-2-26 14:53

有讲解还有示例，这样竖排歌词的制作就没问题了。
欣赏黑黑好帖{:4_199:}

马黑黑 发表于 2026-2-26 16:49

红影 发表于 2026-2-26 14:53
有讲解还有示例，这样竖排歌词的制作就没问题了。
欣赏黑黑好帖

会代码的做这个都应该会的

马黑黑 发表于 2026-2-26 16:49

梦江南 发表于 2026-2-26 13:50
欣赏黑黑老师的外滩十八号竖排歌词。

{:4_180:}

杨帆 发表于 2026-2-26 20:03

漂亮~谢谢马老师精彩示范。祝新春快乐{:4_191:}

马黑黑 发表于 2026-2-26 20:26

杨帆 发表于 2026-2-26 20:03
漂亮~谢谢马老师精彩示范。祝新春快乐

{:4_190:}

小辣椒 发表于 2026-2-26 20:37

黑黑的速度啊~~~{:4_178:}

马黑黑 发表于 2026-2-26 20:43

小辣椒 发表于 2026-2-26 20:37
黑黑的速度啊~~~

这个是电饭煲的速度 {:4_173:}

小辣椒 发表于 2026-2-26 20:46

马黑黑 发表于 2026-2-26 20:43
这个是电饭煲的速度

我已经完成了，现在去修改一下马上可以发了

马黑黑 发表于 2026-2-26 20:49

小辣椒 发表于 2026-2-26 20:46
我已经完成了，现在去修改一下马上可以发了

辛苦

小辣椒 发表于 2026-2-27 21:40

马黑黑 发表于 2026-2-26 20:49
辛苦

哪有黑黑辛苦啊{:4_189:}

马黑黑 发表于 2026-2-27 23:35

小辣椒 发表于 2026-2-27 21:40
哪有黑黑辛苦啊

我是做着玩，不追求速度，随性弄弄，不辛苦
页: [1]
查看完整版本: 外滩十八号