马黑黑 发表于 2026-2-21 13:22

背水(测试自居中新机制)

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
    .pa { --bg: url('https://638183.freep.cn/638183/t24/w7/bwuv.webp') no-repeat center/cover; }
    .vid { width: 10vw; height: 10vw; border-radius: 15%; mix-blend-mode: screen; }
</style>

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

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v5.02.js';

    const tz = TZ.TZ('pa');

    tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=491097414' });
    tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2402760/00/01/42/5b42d0f78c1ad.mp4' });
    tz.add('video', '', 'vid ma', {
          disablePictureInPicture: 'true',
          src: 'https://img.tukuppt.com/video_show/2421007/00/08/36/5d1ede4eb6ac5.mp4'
        }).playmp3();
    tz.bgprog().style('bottom: 40px; color: #fefefe; width: 240px;');
    tz.fs().style('left: 20px; top: 20px;');
    tz.autoMid();
</script>

马黑黑 发表于 2026-2-21 13:22

帖子代码

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
    .pa { --bg: url('https://638183.freep.cn/638183/t24/w7/bwuv.webp') no-repeat center/cover; }
    .vid { width: 10vw; height: 10vw; border-radius: 15%; mix-blend-mode: screen; }
</style>

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

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v5.02.js';

    const tz = TZ.TZ('pa');

    tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=491097414' });
    tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2402760/00/01/42/5b42d0f78c1ad.mp4' });
    tz.add('video', '', 'vid ma', {
            disablePictureInPicture: 'true',
            src: 'https://img.tukuppt.com/video_show/2421007/00/08/36/5d1ede4eb6ac5.mp4'
      }).playmp3();
    tz.bgprog().style('bottom: 40px; color: #fefefe; width: 240px;');
    tz.fs().style('left: 20px; top: 20px;');
    tz.autoMid();
</script>

山人 发表于 2026-2-21 13:26

评分后表现怪异

山人 发表于 2026-2-21 13:28

对一楼以外的各楼点评正常,局部刷新机制不一样

霜染枫丹 发表于 2026-2-21 14:01

终于忙完了上来一看这背景就是游戏场面,声音很有力量感,一下子人就振奋了,这感觉真好!谢谢马老师!

https://www.yueyijyw.com/data/attachment/forum/202602/21/100912soag637o2d8a6fv1.png

霜染枫丹 发表于 2026-2-21 14:02

山人 发表于 2026-2-21 13:26
评分后表现怪异

问好山人!在这里见到您很高兴,给您拜年了~~

https://www.yueyijyw.com/data/attachment/forum/202602/21/100912soag637o2d8a6fv1.png

霜染枫丹 发表于 2026-2-21 14:12

XY都居中是个很好的创意,让我想起了四菜一汤的构图,应该效果会挺好,我试试{:4_204:}{:4_190:}

梦油 发表于 2026-2-21 14:27

我给黑黑先生拜年啦,祝你阖家欢乐、幸福安康。

红影 发表于 2026-2-21 19:15

这个居中更迅速,挺好的。
评分后有点问题,刷新一下就可以了{:4_204:}

红影 发表于 2026-2-21 19:15

欣赏黑黑好帖{:4_187:}

马黑黑 发表于 2026-2-21 19:34

梦油 发表于 2026-2-21 14:27
我给黑黑先生拜年啦,祝你阖家欢乐、幸福安康。

感谢感谢!新年好!

马黑黑 发表于 2026-2-21 19:36

红影 发表于 2026-2-21 19:15
这个居中更迅速,挺好的。
评分后有点问题,刷新一下就可以了

这是一个头疼的问题。我和AI反复研讨,它提供了N多种方案,就是没一个好使。

马黑黑 发表于 2026-2-21 19:37

霜染枫丹 发表于 2026-2-21 14:12
XY都居中是个很好的创意,让我想起了四菜一汤的构图,应该效果会挺好,我试试

主要是水平视口居中。垂直方面如果居中,那是恰巧的事情:您的显示设备刚好对应此种情形。

马黑黑 发表于 2026-2-21 19:37

霜染枫丹 发表于 2026-2-21 14:01
终于忙完了上来一看这背景就是游戏场面,声音很有力量感,一下子人就振奋了,这感觉真好!谢谢马老师!

...

{:4_191:}

梦江南 发表于 2026-2-21 20:03

帖子自动居中迅速,省去了宽,高偏移代码。黑黑老师太厉害了!{:4_187:}

梦油 发表于 2026-2-21 20:11

马黑黑 发表于 2026-2-21 19:34
感谢感谢!新年好!

老朋友别客气、

小辣椒 发表于 2026-2-21 20:32

黑黑现在的是秒居中,比前面那个速度快了许多

小辣椒 发表于 2026-2-21 20:33

评分后发现背景重叠,js重新修改了{:4_178:}

黑黑辛苦一次次修复

小辣椒 发表于 2026-2-21 20:34

发现有画面重叠的状况,刷新后好了

小辣椒 发表于 2026-2-21 20:35

就纯测试,小辣椒去套用做一个上来看看
页: [1] 2 3
查看完整版本: 背水(测试自居中新机制)