旅途前方

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

马黑黑 发表于 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);，原来视频里设置了这个，怪不得觉得移动方向是反的。{:4_173:}

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

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

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

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

准备掏钱钱了{:4_170:}

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

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

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

效果漂亮~功能强大的tzMaker v5高能制帖电饭煲{:4_190:}

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

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

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

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

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

下午好

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

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

发现黑黑老师也是样样精通的，只是深藏不露。{:4_204:}

马黑黑 发表于 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

老师创意十足，学生已交作业，请您指正{:4_190:}

小辣椒 发表于 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
老师创意十足，学生已交作业，请您指正

{:4_191:}

页: [1] 2

花潮论坛's Archiver

旅途前方