梦蝶--臧天朔

夕阳黄昏 · 发表于 2025-7-6 12:30

全屏观赏

夕阳黄昏 · 发表于 2025-7-6 12:31

静悟发表于 2025-7-6 10:30
问老师，用纯代码发，怎么去调整它的居中距离代码？

margin: 80px auto 80px calc(50% - clamp(300px, 45vw, 700px) - 81px);

夕阳黄昏 · 发表于 2025-7-6 12:42

或
margin: 80px auto 80px calc(50% - clamp(600px, 90vw, 1400px) / 2 - 81px);

静悟 · 发表于 2025-7-6 14:25

夕阳黄昏发表于 2025-7-6 12:30
.mama {
position: relative;
margin: 80px auto 80px calc(50% - clamp(300px, 45vw, 700p ...

谢谢辛苦。祝夏安！

静悟 · 发表于 2025-7-6 14:33

夕阳黄昏发表于 2025-7-6 12:31
margin: 80px auto 80px calc(50% - clamp(300px, 45vw, 700px) - 81px);

这是用尺寸的一半数是吗？知道了。

静悟 · 发表于 2025-7-6 14:34

夕阳黄昏发表于 2025-7-6 12:42
或
margin: 80px auto 80px calc(50% - clamp(600px, 90vw, 1400px) / 2 - 81px);

这是用尺寸的全数。收藏了。

静悟 · 发表于 2025-7-6 14:44

本帖最后由静悟于 2025-7-6 14:45 编辑

夕阳黄昏发表于 2025-7-6 12:42
或
margin: 80px auto 80px calc(50% - clamp(600px, 90vw, 1400px) / 2 - 81px);

这帖长城长的代码里，歌词怎么不会唱了呢？其余都好，换了歌词、音乐都不显示。

<style type="text/css">
.cb-slideshow {overflow:hidden;width:100%;height:100%;}
.cb-slideshow img {
width:100%;
height:100%;
position: absolute;
top:0px; left:0px;
opacity: 0;display: block;
z-index: 100;filter:contrast(130%)brightness(100%);
animation: imageAnimation 60s linear infinite 0s
}
.cb-slideshow img:nth-child(2) {animation-delay: 6s;}
.cb-slideshow img:nth-child(3) {animation-delay: 12s;}
.cb-slideshow img:nth-child(4) {animation-delay: 18s;}
.cb-slideshow img:nth-child(5) {animation-delay: 24s;}
.cb-slideshow img:nth-child(6) {animation-delay: 30s;}
.cb-slideshow img:nth-child(7) {animation-delay: 36s;}
.cb-slideshow img:nth-child(8) {animation-delay: 42s;}
.cb-slideshow img:nth-child(9) {animation-delay: 48s;}
.cb-slideshow img:nth-child(10) {animation-delay: 54s;}
@keyframes imageAnimation
{1% {opacity: 1;clip-path:polygon(20% 0%, 20% 0, 50% 50%, 0% 80%, 0 80%, 50% 50%, 80% 100%, 80% 100%, 50% 50%, 100% 20%, 100% 20%, 50% 50%);transform:scale(1)}
2%{
opacity: 1;clip-path:polygon(20% 0%, 0% 20%, 50% 50%, 0% 80%, 20% 100%, 50% 50%, 80% 100%, 100% 80%, 50% 50%, 100% 20%, 80% 0%, 50% 50%);transform:scale(1)}
4% {
opacity: 1;clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);transform:scale(1)}
8% {
opacity: 0.8;clip-path:polygon(20% 0%, 0 0, 0 50%, 0 100%, 20% 100%, 50% 100%, 80% 100%, 100% 100%, 100% 50%, 100% 0, 80% 0%, 50% 0);transform:scale(1)}
15% {
opacity: 0;clip-path:polygon(20% 0%, 0 0, 0 50%, 0 100%, 20% 100%, 50% 100%, 80% 100%, 100% 100%, 100% 50%, 100% 0, 80% 0%, 50% 0);transform:scale(3);}
}
#outblk {
width: 1000px; height: 600px;overflow:hidden;border-radius:24px;
box-shadow: 0px 0px 0px 2px #00ffff, 0px 0px 0px 20px #0000FF;
margin:120px 0 32px -160px; position:relative;
background:url(http://chuangshicdn.data.mvbox.cn/album/22/03/14/22031417263445440463.gif)0 0/30% 30%,linear-gradient(50deg, #00BFFF, #E6E6FA, #FFE4C4, #00fF00);
}
.mCtrl {
width:120px;height:120px;
background:url(http://pan.yinhuabbs.cn/view.php/a93202bcdcd7cc95412d1595f9ec0dba.png) 0 0/100% 100%,
url(https://s1.ax1x.com/2022/04/21/L6G6mT.jpg) 0px 0px/150% 100%;
}
</style>
<div id="outblk">
<div class="cb-slideshow">
<img src="https://s1.ax1x.com/2022/04/21/L6GLAe.jpg" />
<img src="https://s1.ax1x.com/2022/04/21/L6GI6x.jpg" />
<img src="https://s1.ax1x.com/2022/04/21/L6Gr60.jpg" />
<img src="https://s1.ax1x.com/2022/04/21/L6GWtJ.jpg" />
<img src="https://s1.ax1x.com/2022/04/21/L6GRk4.jpg" />
<img src="https://s1.ax1x.com/2022/04/21/L6Gg7F.jpg" />
<img src="https://s1.ax1x.com/2022/04/21/L6G4pR.jpg" />
<img src="https://s1.ax1x.com/2022/04/21/L6Gfh9.jpg" />
<img src="https://s1.ax1x.com/2022/04/21/L6G511.jpg" />
<img src="https://s1.ax1x.com/2022/04/21/L6GoX6.jpg" />
</div>
<div class="lrcShow" id='sLRC' style="z-index:999;bottom:10px;" ></div>
<div id="mDisk" class='mCtrl' style="z-index:998;"></div>
</div>
<script type="text/javascript">
document.write('<script src="http://cesholl.cn3v.work/scripts/lrcPlayerX.min.js" type="text/javascript" charset="utf-8"><\/script>');
</script>
<script type="text/javascript">
var lrc = `
[00:00.10]长城《谭晶为祖国祝福》- 谭晶
[00:35.07]摘上一朵花
[00:37.82]插在我的发
[00:40.68]孟姜哽咽望呀望
[00:45.62]城墙边泪雨下
[00:49.17]一心想着他
[00:51.95]一去水流
[00:53.35]影都没有啊
[00:57.59]送昭君千里
[01:00.38]随风出塞去
[01:03.25]明月照亮了山脊
[01:08.23]远方吹来的风
[01:11.72]竟然愁更愁
[01:14.52]鸿雁寒蝉故事中
[01:20.24]越过狼烟战火
[01:22.96]留名万世千秋
[01:25.77]边关城楼如巨龙
[01:31.54]为国为家不休
[01:34.21]一身正气雄纠
[01:37.08]不是好汉不上坡
[01:42.07]长城万里长
[01:46.27]我那朝思暮想的故乡
[01:51.89]就像妈妈一样的臂弯
[01:57.55]紧紧抱着儿女手不放
[02:04.62]长城万里长
[02:08.89]我很骄傲站在这地方
[02:14.49]处处幸福花开牧牛羊
[02:20.17]这里是我的故乡
[02:47.80]摘上一朵花
[02:50.44]插在我的发
[02:53.30]孟姜哽咽望呀望
[02:58.35]远方吹来的风
[03:01.82]竟然愁更愁
[03:04.67]鸿雁寒蝉故事中
[03:10.34]越过狼烟战火
[03:13.10]留名万世千秋
[03:15.87]边关城楼如巨龙
[03:21.57]为国为家不休
[03:24.34]一身正气雄纠
[03:27.15]不是好汉不上坡
[03:32.23]长城万里长
[03:36.39]我那朝思暮想的故乡
[03:42.40]就像妈妈一样的臂弯
[03:47.64]紧紧抱着儿女手不放
[03:54.71]长城万里长
[03:59.05]我很骄傲站在这地方
[04:04.58]处处幸福花开牧牛羊
[04:10.33]这里是我的故乡
[04:30.00]`;
var opts = {
// 下面4个参数是必须的！
lrcTxt:lrc,
lrcShowID:'sLRC',
audioCtrl:'mDisk',
// 歌曲MP3链接放这里
audioURL:'http://link.hhtjim.com/kw/23600971.mp3'
};
new lrcPlayerX(opts);
</script>

复制代码

夕阳黄昏 · 发表于 2025-7-6 16:48

静悟发表于 2025-7-6 14:44
这帖长城长的代码里，歌词怎么不会唱了呢？其余都好，换了歌词、音乐都不显示。

http://cesholl.cn3v.work/scripts/lrcPlayerX.min.js

坏掉了

静悟 · 发表于 2025-7-6 17:21

夕阳黄昏发表于 2025-7-6 16:48
http://cesholl.cn3v.work/scripts/lrcPlayerX.min.js

坏掉了

能换个别的吗？

夕阳黄昏 · 发表于 2025-7-6 17:51

静悟发表于 2025-7-6 17:21
能换个别的吗？

一定要这个帖子吗？现在就没兴趣做帖子了。

帐号		自动登录	找回密码
密码			注册会员

梦蝶--臧天朔

浏览过的版块