旅途前方

马黑黑 · 发表于 2026-3-25 14:00

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

马黑黑 · 发表于 2026-3-25 14:02

帖子代码：

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz5.css';
.pa { --bg: url('https://638183.freep.cn/638183/t24/w8/trv.webp') no-repeat center/cover; --ma-size: 7%; }
.pd-vid { opacity: 1; mix-blend-mode: screen; transform: scale(-1, 1); }
.ma { bottom: 50px; clip-path: circle(40%); -webkit-clip-path: circle(40%); }
</style>
<div class="pa"></div>
<script>
var jsFile = 'https://638183.freep.cn/638183/tzmaker/tz5.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=1371757761' });
tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/2269348/00/35/88/5fd83151c9175.mp4'});
tz.add('img', '', 'ma sepia', { src: 'https://638183.freep.cn/638183/web/svg1/225.svg' }).playmp3();
tz.bgprog().style('bottom: 30px; color: #fefefe; width: 240px;');
tz.fs().style('left: 30px; top: 30px;');
tz.autoMid();
}
</script>

复制代码

【注】基础代码由 tzMaker v5高能电饭煲生成，那里已经直接支持 tzv5，论坛里的还保留原样

红影 · 发表于 2026-3-25 14:34

transform: scale(-1, 1);，原来视频里设置了这个，怪不得觉得移动方向是反的。

红影 · 发表于 2026-3-25 14:35

音乐好听，这样的场景和营造的视频效果，让人不觉被带入旅途的位置氛围里。
欣赏黑黑好帖

马黑黑 · 发表于 2026-3-25 14:50

红影发表于 2026-3-25 14:35
音乐好听，这样的场景和营造的视频效果，让人不觉被带入旅途的位置氛围里。
欣赏黑黑好帖

准备掏钱钱了

马黑黑 · 发表于 2026-3-25 14:50

红影发表于 2026-3-25 14:34
transform: scale(-1, 1);，原来视频里设置了这个，怪不得觉得移动方向是反的。

这是走右倾路线

杨帆 · 发表于 2026-3-25 14:58

效果漂亮~功能强大的tzMaker v5高能制帖电饭煲

如果能设计出兼有炒菜功能的制帖电饭煲，那就可以突破某些局限，该制帖办法的前景更广阔

梦江南 · 发表于 2026-3-25 15:14

好久没来看黑黑老师的帖子了，发现画面的风格变了。问好黑黑老师！

马黑黑 · 发表于 2026-3-25 17:18

梦江南发表于 2026-3-25 15:14
好久没来看黑黑老师的帖子了，发现画面的风格变了。问好黑黑老师！

下午好

梦江南 · 发表于 2026-3-25 17:28

马黑黑发表于 2026-3-25 17:18
下午好

发现黑黑老师也是样样精通的，只是深藏不露。

马黑黑 · 发表于 2026-3-25 20:05

梦江南发表于 2026-3-25 17:28
发现黑黑老师也是样样精通的，只是深藏不露。

哪里哪里？半桶水的

小辣椒 · 发表于 2026-3-25 22:00

黑黑这个新模板制作是隐藏播放器了？

小辣椒 · 发表于 2026-3-25 22:02

代码上没有看见图图尺寸，是设置了尺寸了，那我自己的图图尺寸不规则，那种老的图图尺寸自己标注上去应该不会变形吧

小辣椒 · 发表于 2026-3-25 22:06

黑黑~这个最终的模板还是后面继续会修改的？小辣椒暂时过几天做，等最后模板吧，V5电饭煲前面还有一个，现在我就玩的是V5

马黑黑 · 发表于 2026-3-25 22:06

小辣椒发表于 2026-3-25 22:02
代码上没有看见图图尺寸，是设置了尺寸了，那我自己的图图尺寸不规则，那种老的图图尺寸自己标注上去应该不 ...

CSS 里 .pa {} 选择器中，变量 --ma-size 就是，对应 HTML 代码中，class=“ma ..." 就是使用了此变量做小播尺寸。你以前的师傅应该交过你这个。

马黑黑 · 发表于 2026-3-25 22:11

小辣椒发表于 2026-3-25 22:06
黑黑~这个最终的模板还是后面继续会修改的？小辣椒暂时过几天做，等最后模板吧，V5电饭煲前面还有一个，现 ...

哪个顺手你就用哪个。你可以将你中意的源码保存为本地的 .html 文档，在自己的电脑上运行它。

所谓源码，指的是如下结构：

<style>
....
</style>

<div>
....
</div>

<script>
.....
</script>

然后你在上面代码的前方加上 <html><head></hed><body> 等标签，按规范分行，最后在上述代码的后面加上：

</body>
</html>

朵拉 · 发表于 2026-3-25 22:17

老师创意十足，学生已交作业，请您指正

小辣椒 · 发表于 2026-3-25 22:22

马黑黑发表于 2026-3-25 22:11
哪个顺手你就用哪个。你可以将你中意的源码保存为本地的 .html 文档，在自己的电脑上运行它。

所谓源 ...

好的，知道了

马黑黑 · 发表于 2026-3-25 22:42

小辣椒发表于 2026-3-25 22:22
好的，知道了

这样就不会弄乱。当然，如果后续源码有更新，记得及时跟进

马黑黑 · 发表于 2026-3-25 22:42

朵拉发表于 2026-3-25 22:17
老师创意十足，学生已交作业，请您指正

[特效音画] 旅途前方

请马上登录，朋友们都在花潮里等着你哦：）

点评

评分

浏览过的版块

花潮帅哥

鼠

牛

虎

兔

龙

蛇

马

羊

猴

鸡

狗

猪

多彩人生

星月交辉

奔放热烈

海样胸怀

春风拂面

火热情怀

优雅迷人

神秘浪漫

相遇之美

鹰傲苍穹

花好月圆

紫色情节

飞龙在天

王者至尊

大将风范

音画大师

天籁妙音

共看流星

风雨同行

我心永远

幸福快乐

喜乐安康

侠骨柔肠

心想事成

开朗大方

花潮管理

花潮美女

缤纷心情

草莓情怀

蝴蝶情怀

心曲飞扬

星星情怀

七彩绚丽

活泼开朗

女儿情怀

一往情深

心香一瓣

金剪刀

妙笔生花

天长地久

绚丽缤纷

中秋征文

周年庆

指尖上的流年

舞会之星

分析（喊冤）章

总结章

杀人王

小强章

最佳杀刺

临屏写诗

七夕诗钟活动

第五届风云

第六届风云

情人节

花潮版主

花潮贵宾

青草情怀

男儿情怀