马黑黑 发表于 2025-1-30 20:40

Passage

本帖最后由 马黑黑 于 2025-1-30 21:50 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/mod/button.css';
        #tz { --state: running; margin: 30px 0 30px calc(50% - 593px); background: url('https://638183.freep.cn/638183/t24/5/passage.jpg') no-repeat center/cover; }
        #fsbtn { bottom: 20px; }
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=33378178"></audio>
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/12/25/16/14/01/video676bbec9ced44.mp4" autoplay loop muted></video>
        <img class="mplayer" src="https://638183.freep.cn/638183/small/202501.png" alt="" />
        <div id="fsbtn" class="fsbtn"></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/button.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
</script>

马黑黑 发表于 2025-1-30 20:40

<h2>帖子代码</h2>
<div id="hEdiv"><pre id="hEpre">
&lt;style&gt;
        @import 'https://638183.freep.cn/638183/web/mod/btn_lrc.css';
        #tz { --state: running; margin: 30px 0 30px calc(50% - 593px); background: url('https://638183.freep.cn/638183/t24/5/passage.jpg') no-repeat center/cover; }
        #fsbtn { bottom: 20px; }
&lt;/style&gt;

&lt;div id="tz" class="pa"&gt;
        &lt;audio src="https://music.163.com/song/media/outer/url?id=33378178"&gt;&lt;/audio&gt;
        &lt;video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/12/25/16/14/01/video676bbec9ced44.mp4" autoplay loop muted&gt;&lt;/video&gt;
        &lt;img class="mplayer" src="https://638183.freep.cn/638183/small/202501.png" alt="" /&gt;
        &lt;div id="fsbtn" class="fsbtn"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;script type="module"&gt;
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/btn_lrc.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
&lt;/script&gt;
</pre></div>

<script type="module">
import hlight from 'https://638183.freep.cn/638183/web/mod/helight.js';
hlight.hl(hEdiv, hEpre);
</script>

花飞飞 发表于 2025-1-30 20:57

十来行代码整出这么漂亮的贴子~~
视频大气唯美,这烟花肆意绽放,比之前选到的烟花都好看。。{:4_173:}

花飞飞 发表于 2025-1-30 21:00

这个小播比较大,也选得图好看,我看到有的白底没抠干净哈哈。。
跟时光隧道似的,也像是个魔法转盘,转动时飞溅出来的烟花。。

花飞飞 发表于 2025-1-30 21:01

这个贴子接现实,这几天刷到的真的烟花视频一样。。
白老师这两天也有放大烟花吧,想想就过瘾~我是真想整一些来放,不知道哪里去买{:4_170:}
音乐是纯音,怪神秘的。。

马黑黑 发表于 2025-1-30 21:05

花飞飞 发表于 2025-1-30 20:57
十来行代码整出这么漂亮的贴子~~
视频大气唯美,这烟花肆意绽放,比之前选到的烟花都好看。。

喜新厌旧{:4_189:}

马黑黑 发表于 2025-1-30 21:06

花飞飞 发表于 2025-1-30 21:01
这个贴子接现实,这几天刷到的真的烟花视频一样。。
白老师这两天也有放大烟花吧,想想就过瘾~我是真想整 ...

拼多多有的吧。就是不可以乱放,要在指定时间到指定地点去燃放

马黑黑 发表于 2025-1-30 21:06

花飞飞 发表于 2025-1-30 21:00
这个小播比较大,也选得图好看,我看到有的白底没抠干净哈哈。。
跟时光隧道似的,也像是个魔法转盘,转动 ...

眼神不好,随意抠抠

花飞飞 发表于 2025-1-30 21:15

马黑黑 发表于 2025-1-30 21:05
喜新厌旧

人之常情{:4_173:}

花飞飞 发表于 2025-1-30 21:16

马黑黑 发表于 2025-1-30 21:06
拼多多有的吧。就是不可以乱放,要在指定时间到指定地点去燃放

一直说不能放,
结果今年只要没有人举报就可以 放。
或者点燃后交给来抓的警察叔叔销毁。。{:4_170:}
后悔没想着要买点

花飞飞 发表于 2025-1-30 21:17

马黑黑 发表于 2025-1-30 21:06
眼神不好,随意抠抠

这个创意很有艺术感。。。喜庆

马黑黑 发表于 2025-1-30 21:36

花飞飞 发表于 2025-1-30 21:17
这个创意很有艺术感。。。喜庆

其实那个图片,“留白”是对的,其固定作用,要不然会散架的{:4_170:}

马黑黑 发表于 2025-1-30 21:37

花飞飞 发表于 2025-1-30 21:16
一直说不能放,
结果今年只要没有人举报就可以 放。
或者点燃后交给来抓的警察叔叔销毁。。


最好还是遵守规定

马黑黑 发表于 2025-1-30 21:37

花飞飞 发表于 2025-1-30 21:15
人之常情

正常的样纸

小辣椒 发表于 2025-1-30 21:38

马黑黑 发表于 2025-1-30 20:40
帖子代码

&lt;style&gt;


哇塞,全部封装进去了,套用太简单了,黑黑就为小辣椒这种懒人想的周到{:4_170:}

小辣椒 发表于 2025-1-30 21:39

今天初二,给黑黑拜年了,祝蛇年大吉!{:4_187:}

马黑黑 发表于 2025-1-30 21:40

小辣椒 发表于 2025-1-30 21:38
哇塞,全部封装进去了,套用太简单了,黑黑就为小辣椒这种懒人想的周到

这个年前都已经发了好几帖了

马黑黑 发表于 2025-1-30 21:40

小辣椒 发表于 2025-1-30 21:39
今天初二,给黑黑拜年了,祝蛇年大吉!

一样祝你

小辣椒 发表于 2025-1-30 21:42

马黑黑 发表于 2025-1-30 21:40
这个年前都已经发了好几帖了

那我又许多作业没有完成了

红影 发表于 2025-1-30 21:43

很漂亮的烟花,像迎面扑下来似的,小播也有趣,顺应着世间的一切,如同日子不紧不慢地过着。
欣赏黑黑好帖{:4_199:}
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: Passage