亲爱的，做自己就好 TO：论坛朋友们元旦快乐！
<style>#tz { margin: 30px 0 30px calc(50% - 800px); width: 1600px; height: 900px; background: linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.35)), url('https://pic1.imgdb.cn/item/67717adbd0e0a243d4ec3867.jpg') no-repeat center/cover; box-shadow: 2px 2px 6px #333; z-index: 1; position: relative; }
#tz::after { position: absolute; inset: 0; content: ''; background: url('https://638183.freep.cn/638183/web/svg/updwonballs.svg') no-repeat center/cover; opacity: var(--opacity); transition: 1.5s; pointer-events: none; }
#player { position: absolute; left: 1098px; top: 310px; width: 150px; height: 150px; cursor: pointer; transition: .6s; opacity: .8; animation: rot 8s linear infinite var(--state); }
#player:hover { filter: invert(100%) drop-shadow(0 0 4px #333); }
@keyframes rot { to { transform: rotate(1turn); } }
</style>
<div id="tz">
<audio id="aud" src="https://file.uhsea.com/2412/652b7ef655d9017eabd53ba24fe4c9a0JW.mp3" autoplay="" loop=""></audio>
<img id="player" src="https://638183.freep.cn/638183/web/svg/jupm.svg" alt="" title="播放/暂停" />
</div>
<script>
var sc = document.createElement('script');
sc.src = 'https://638183.freep.cn/638183/web/js2024/fscreen.js';
sc.charset = 'utf-8';
document.body.appendChild(sc);
sc.onload = () => FS({
papa: '#tz',
scale: ,
css: 'left: 50%; bottom: 20px; transform: translate(-50%); --bg: transparent; --color: lightblue',
});
mState = () => {
tz.style.setProperty('--state', aud.paused ? 'paused' : 'running');
tz.style.setProperty('--opacity', aud.paused ? '0' : '1');
};
aud.onplaying = aud.onpause = () => mState();
player.onclick = () => aud.paused ? aud.play() : aud.pause();
</script> 学生拙图一张，祝论坛朋友们元旦快乐{:4_204:} 点击小风车 是音乐播放器哈~~ 祝朵拉老师，2025元旦快乐！ 梦江南 发表于 2024-12-30 13:41
祝朵拉老师，2025元旦快乐！
梦江南老师好，祝您2025元旦快乐{:4_204:} 朵拉朋友新年快乐！花潮朋友们新年快乐！ 梦油 发表于 2024-12-30 13:46
朵拉朋友新年快乐！花潮朋友们新年快乐！
问好梦油老师，祝您2025元旦快乐{:4_204:} 谢谢朵拉的祝福，我们一起元旦快乐！ 朵拉 发表于 2024-12-30 13:50
问好梦油老师，祝您2025元旦快乐
谢谢朵拉朋友的美好祝福。 开心地欣赏朵儿的美美的大图音画{:4_204:}祝朵儿新年快乐！ 问候老师好！精美音画佳作，精心制作分享。为您点赞向您学习！{:5_116:}{:4_187:} 小播漂亮，小球球的效果也很漂亮。
欣赏朵宝好帖，感谢你的美好祝福，借帖同祝大家新春快乐{:4_177:}
页:
[1]