祝花潮的老年朋友健康长寿、幸福快乐！
谢谢梦油老师祝福，同祝花潮的老年朋友健康长寿、幸福快乐！ 梦江南 发表于 2024-10-10 09:45
谢谢梦油老师祝福，同祝花潮的老年朋友健康长寿、幸福快乐！
现在，关爱老年问题越来越突出了。 梦油 发表于 2024-10-10 15:34
现在，关爱老年问题越来越突出了。
这些人也老了，再不关爱就来不及了. 梦江南 发表于 2024-10-10 15:36
这些人也老了，再不关爱就来不及了.
现在老年社会进程神速。 祝老师重阳节快乐！
梦油 发表于 2024-10-10 16:21
现在老年社会进程神速。
各方面因素使老年人越来越长寿了。 老谟深虑 发表于 2024-10-10 16:55
祝老师重阳节快乐！
谢谢支持，祝老谟老师重阳节快乐！ 梦江南 发表于 2024-10-10 09:42
好啊，我在网上爬，您带着家人去爬山。
我这貌似也没什么山，我在心里爬一下山好了{:4_173:} 梦江南 发表于 2024-10-10 09:25
我看飞飞老师也说风扇没调好，别说我了。
可以移位啊，正好翻页了，给你看看，当然只移动了风扇，下面的调整一下数字也可以跟着移过去的
<br>
<style>
#mama {
margin: 30px 0 30px calc(50% - 593px);
width: 1024px;
height: 640px;
background: url('https://pic.imgdb.cn/item/6704a7b2d29ded1a8c270994.gif') no-repeat center/cover;
border-radius: 6px;
box-shadow: 3px 3px 8px gray;
position: relative;
}
#bsvg {
position: absolute;
border-radius: 6px;
}
#player {
--deg: 4turn;
cursor: pointer;
transform-origin: 612px 100px;
animation: rot 10s linear infinite alternate var(--state);
}
#player:hover {
--deg: 2turn;
}
.linepath {
stroke-dasharray: 1664;
animation: draw 10s linear infinite alternate var(--state);
}
@keyframes draw {
from { stroke-dashoffset: 1664; }
to { stroke-dashoffset: 0; }
}
@keyframes erase {
from { stroke-dashoffset: 0; }
to { stroke-dashoffset: 1664; }
}
@keyframes rot { to { transform: rotate(var(--deg)); } }
</style>
<div id="mama">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2632798401" autoplay loop></audio>
<svg id="bsvg" width="100%" height="100%" fill="none" stroke="green" stroke-width="10" stroke-lineCap="round">
<defs>
<g id="cpath" fill="rgba(0,100,100,.25)" stroke="yellow" stroke-width="2">
<title id="ctrMsg">播放/暂停</title>
<path d="M100 120,C-10 -30,210 -30,100 120"/>
<path d="M100 120,C-10 -30,210 -30,100 120" transform="rotate(72 100 100)"/>
<path d="M100 120,C-10 -30,210 -30,100 120" transform="rotate(144 100 100)"/>
<path d="M100 120,C-10 -30,210 -30,100 120" transform="rotate(216 100 100)"/>
<path d="M100 120,C-10 -30,210 -30,100 120" transform="rotate(288 100 100)"/>
</g>
</defs>
<rect x="0" y="0" width="100%" height="100%" stroke="rgba(0,0,0,.2)"/>
<path class="linepath" d="M0 0 H1024 V640" />
<path class="linepath" d="M1024 640 H0 V0" />
<ellipse cx="512" cy="550" rx="80" ry="30" stroke="none" fill="rgba(0,100,100,.35)"/>
<rect x="506" y="400" width="12" height="150" stroke="none" fill="rgba(0,100,100,.25)"/>
<use id="player" href="#cpath" x="512" y="0" width="200" height="200"/>
</svg>
</div>
<script>
mState = () => {
mama.style.setProperty('--state', aud.paused ? 'paused' : 'running');
ctrMsg.textContent = aud.paused ? '点击播放' : '点击暂停';
};
aud.onplaying = aud.onpause = () => mState();
player.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>
梦江南 发表于 2024-10-9 13:59
哈哈，这还叫聪明啊，这是无奈之举呢。
谦虚了吧，我感觉挺好的 梦江南 发表于 2024-10-10 17:28
各方面因素使老年人越来越长寿了。
是啊，过去“人到七十古来稀”，而现在八九十岁的老人很多。
页:
1
[2]