我好心疼现在的自己 (柔情版) （学习套用黑黑在雨中（tzMaker d.trial应用测试）

小辣椒

小辣椒

@马黑黑

黑黑看见这个有进度条带了歌词同步，还有这么具体的备注，开始感觉可以直接套用玩一个。结果自己喜欢的效果改不了，小辣椒只能这样发了，

歌词我改了颜色没有用，看了是默认的颜色，看见默认的歌词出来效果也是蛮好，就直接用了

反正要速度完成，这个小辣椒有难度的，不会修改

小辣椒

感谢黑黑源码分享

小辣椒

我先下了，晚安~~

马黑黑

小辣椒 发表于 2025-10-17 22:43
@马黑黑

黑黑看见这个有进度条带了歌词同步，还有这么具体的备注，开始感觉可以直接套用玩一个。结果自 ...

tzMaker 有一整套实现方案。比方你要加个图片：

tz.add('img', '', '', { src: '图片地址', alt: '', width: 300, height: 240, style: 'position: absolute; left: 120px; top: 300px;' });

也可以这样：

在 CSS 代码中设计好图片选择器，比如 .mypic :

    .mypic: { position: absolute; width: 300px; left: 80px; top: 50px; }

然后在 JS 代码中：

    tz.add('img', '', 'mypic', { src: '图片地址', alt: ''});

红影

这个好漂亮，视频和背景吻合得这么好呢，进度条的设计和安放也很恰当。
欣赏亲爱的好帖

红影

这歌曲有意思，还以为是亲爱的心疼自己呢

樵歌

很简约，很好看，就是听不到声音

梦江南

问好小辣椒，看到你真高兴。又这么晚了，下吧。

梦江南

江南同樵 歌老师一样，只看到图，没听到音乐声。

梦油

保护视力、善待自己、健康快乐、强壮身体。

小辣椒

樵歌 发表于 2025-10-18 07:31
很简约，很好看，就是听不到声音

樵哥哥上传空间硬件升级，需要2天时间

小辣椒

梦江南 发表于 2025-10-18 07:46
江南同樵 歌老师一样，只看到图，没听到音乐声。

阿姨好，因为空间升级，需要2天，我现在换了上传连接了

小辣椒

梦油 发表于 2025-10-18 08:17
保护视力、善待自己、健康快乐、强壮身体。

问好梦油，谢谢关心

小辣椒

梦江南 发表于 2025-10-18 07:45
问好小辣椒，看到你真高兴。又这么晚了，下吧。

谢谢阿姨关心，昨天上来看见这个有备注的我感觉简单就做了一个，其实发现要自己修改自己想要的效果，还是比较难的，只能简单套用一个了

小辣椒

马黑黑 发表于 2025-10-17 22:53
tzMaker 有一整套实现方案。比方你要加个图片：

tz.add('img', '', '', { src: '图片地址', alt: '',  ...

发现要自己想要的效果，得动脑子的

小辣椒

红影 发表于 2025-10-17 23:06
这个好漂亮，视频和背景吻合得这么好呢，进度条的设计和安放也很恰当。
欣赏亲爱的好帖

亲爱的，进度条其实我想修改音乐时间位置，没有成功的

小辣椒

红影 发表于 2025-10-17 23:08
这歌曲有意思，还以为是亲爱的心疼自己呢

我只是和朋友玩同一首歌曲

梦油

小辣椒 发表于 2025-10-18 13:53
问好梦油，谢谢关心

小辣椒朋友不客气。

马黑黑

小辣椒 发表于 2025-10-18 13:56
发现要自己想要的效果，得动脑子的

你先把 tz 那个重要的 add() 指令吃透，必要时外加一个链式的 style() 指令，一般花五分钟可以理解透彻，然后你就可以为所欲为。

你要做的无非就是添加一些元素，add() 指令就是添加元素的，style() 指令时附加设置CSS的。

当然还有一个变通的方法：继续使用你过去添加元素的方法安排你的布局，tz 不会去干扰你的安排，你要做的只是由 tz 添加的元素和你的元素不互相占位子就行。