枕着光的她
本帖最后由 klxf 于 2025-10-28 22:54 编辑 <br /><br /><div style="position:absolute;z-index:32768;background:none;width:100%;left:80px;margin-top:50px;"><center><IFRAME src="https://bbs.cnzv.cc/mpv.php/htm-4889-1761663145.html" width="1600" height="1000" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="no" allow="fullscreen"></IFRAME></center></div><div style="height:1000px"></div> 本帖最后由 klxf 于 2025-10-29 19:56 编辑 <br /><br /><style>#ma {position: relative;width: 800px;height:650px;margin: -100px 75px;display: grid;place-items: center;}
#textPath:hover { filter: drop-shadow(0 0 3px rgba(255,255,0,0.8));transition: transform 1s; }
</style>
<div id="ma">
<svg id="box"viewBox="0 0 650 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="linear" x1="0%" x2="100%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#FF4500" />
<stop offset="10%" stop-color="#F39C12" />
<stop offset="50%" stop-color="#FFD700" />
<stop offset="90%" stop-color="#D35400" />
<stop offset="100%" stop-color="#C0392B" />
</linearGradient>
</defs>
<path d="M50,200 C150,100 250,300 350,200 C450,100 550,300 650,200" fill="none" stroke="none" id="path1"></path>
<text style="fill:url(#linear); font-size: 25px; font-weight: bold; font-family: SimKai; text-anchor: middle; dominant-baseline: middle;">
<textPath href="#path1" startOffset="0%" id="textPath">
★ 九九重阳，祝愿大家身心健康，开心快乐，幸福久久！ ★ 九九重阳，祝愿大家身心健康，开心快乐，幸福久久！
<animate
attributeName="startOffset"
from="100%"
to="0%"
dur="30s"
repeatCount="indefinite"
id="textAnim"/>
</textPath>
</text>
</svg>
</div>
<script>
const textPath = document.getElementById('textPath');
const textAnim = document.getElementById('textAnim');
let originalDur = 30;
textPath.addEventListener('mouseenter', () => {
textAnim.setAttribute('dur', '100000s');
});
textPath.addEventListener('mouseleave', () => {
textAnim.setAttribute('dur', originalDur + 's');
});
</script>
欣赏友友漂亮的音画！ 醉美水芙蓉 发表于 2025-10-29 21:00
欣赏友友漂亮的音画！
谢谢醉美管理员鼓励 赞，顶帖内容超有深度
页:
[1]