我和我的祖国---祝国庆节快乐！
本帖最后由 岩新新 于 2025-9-28 02:22 编辑 <br /><br /><div class="t_fsz"><table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_2371061">
<style>
@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa { --offsetX: 81px; --bg: url('https://webftp-bbs.hnol.net/yx2021/CR17/8.gif') no-repeat center/cover; --ma-size: 10%; }
#btnFs { right: 47%;bottom: 20px; color: #999; border-color: currentColor!important; }
#prog { position: absolute; left: 550px;top:50%; width: var(--ma-size); cursor: pointer; filter: hue-rotate(407deg) opacity(.6); }
#ma {left: 550px;top:28%;border-radius: 50%; }
#lrc {right: 10%;top: 100px; letter-spacing: 4px; writing-mode: vertical-rl; font:normal 2.0em Microsoft YaHei; sans-serif; color:DarkKhaki;}
#lrc::before { width: 100%; height: 0; background: url('https://webftp-bbs.hnol.net/yx2021/CR17/bhs.jpg') center; background-clip: text;-webkit-background-clip: text; }
@keyframes cover1 { from { height: 0; }to { height: 100%; } }
@keyframes cover2 { from { height: 0; }to { height: 100%; } }
#dt2{ position: absolute; width:120px; height: 106px; top: 85px; left: 484px; }
.vid { mixed-blend-mode: screen; opacity: .30}
#msvg line { stroke-dasharray: 4 8; stroke-dashoffset: 100%; animation: move 2s linear infinite alternate var(--state); }
@keyframes move { to { stroke-dashoffset: 0; } }
</style>
<div id="pa">
<img id="dt2" src="https://webftp-bbs.hnol.net/yx2021/CR17/src=http___image109.360doc.com_DownloadImg_2020_01_2312_181001546_11_2020012312444735.gif&refer=http___image109.360doc.gif" alt="" />
<audio id="aud" src="https://webftp-bbs.hnol.net/yx2021/CR17/bhg.m4a" autoplay loop></audio>
<video class="vid pd-vid" src="https://img.tukuppt.com/video_show/2475824/00/02/05/5b4ffd401d669.mp4" autoplay loop muted></video>
<progress id="prog"></progress>
<div id="ma" class="opacity">
<svg id="msvg" width="100%" height="100%" viewBox="-100 -100 200 200"></svg>
</div>
</div>
<script type="module">
import { FS } from 'https://638183.freep.cn/638183/web/js/svglz_fs.js';
import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';
var geci= [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
var dr = Dr.dr(msvg);
dr.circle(0, 0, 80, 'none', '#fff', 15).set('stroke-dasharray', '4 8');
var tt = 3;
Array.from({length: tt}).forEach((_,k) => {
dr.line(3, 0, 70, 0, '#eee', 15).transform(`rotate(${360/tt*k})`).set('stroke-dasharray', '4 2');
});
aud.ontimeupdate = () => prog.value=aud.currentTime/aud.duration;
prog.onclick = (e) => aud.currentTime=aud.duration*e.offsetX/prog.offsetWidth;
FS(pa, ma);
lrc(pa, geci);
</script></td></tr></table>
岩新这个动图有点大，我刷新几次没有看见，歌曲听到的 19.5MB的动图，空间速度快的可以出来比较快，上传空间卡的图片出来是慢，我刷新了N次还是没有看见，播放器代码应该是我的，滚动条看见了这个颜色我修改的 稍后再来看看 祝新新朋友双节快乐！ 漂亮的大图音画，美好的祝福！谢谢您，同祝同庆！{:4_374:} 我下载去电脑看了，岩新以后做动图不要做这么大，做小一点，这个代码出来就是大图的16/9你控制尺寸比例就可以了 小辣椒 发表于 2025-9-27 21:22
我下载去电脑看了，岩新以后做动图不要做这么大，做小一点，这个代码出来就是大图的16/9你控制尺寸比例就可 ...
https://file.uhsea.com/2509/e97f349250efc58d4785f134a55cefc8Q5.jpg
小辣椒老师，我做的图不显示不知道怎么回事、能帮我修改一下吗?谢谢.
岩新新 发表于 2025-9-27 21:32
小辣椒老师，我做的图不显示不知道怎么回事、能帮我修改一下吗?谢谢.
你上去的是动图gif，你图有19.5MB，网速慢的就会看不见，我就一直没有看见，取连接电脑里面看见了，这个图其实不需要做动图，一般图片就可以了，而且最好无损压缩一下，这样图片出来速度快多了。 小辣椒 发表于 2025-9-27 21:44
你上去的是动图gif，你图有19.5MB，网速慢的就会看不见，我就一直没有看见，取连接电脑里面看见了，这个 ...
这个不是动图、是jpg格式！ 我刷新到现在都没有看见，
https://i.postimg.cc/7Y31mHbZ/00.jpg 岩新新 发表于 2025-9-27 21:47
这个不是动图、是jpg格式！
那是你现在改了
刚才我取了连接下载看了
https://webftp-bbs.hnol.net/yx2021/CR17/8.gif
现在有的免费图床出来速度都卡 为我们的祖国献上最美的赞歌，祝福所有人国庆快乐，祝福我们伟大的祖国{:4_187:}
页:
[1]