军号响起~~ TO：樵哥哥
<style>
#mydiv {
margin: 150px 0 0 calc(50% - 720px);
width: 1280px;
height: 750px;
background: #000 url('https://xlaj.cn/assets/file/zp/20230731013448.gif') no-repeat center/cover;
box-shadow: 0 0 8px gray;
position: relative;
}
</style>
<div id="mydiv">
<css-doodle id="mplayer">
:doodle {
@grid: 8 / 550px;
background: url('https://xlaj.cn/assets/file/zp/20230731013525.png') no-repeat 0px 50px / 265px 371px;
cursor: pointer;
position: absolute;
left: 550px;
top: 120px;
--state: running;
}
:doodle(:hover) { transform: skew(2deg); }
position: absolute;
@place-cell: 250px 35%;
:after {
content: @p(八,,一,建,军,节,);
color: @p(red,pink,orange,green,blue,white);
}
animation: fly 1s @r(-1,2)s infinite var(--state);
@keyframes fly {
from { transform: rotate(0deg) translate(0px); }
to { transform: rotate(@r(-60,60)deg) translate(110px); }
}
</css-doodle>
<audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2022/07/30/yy.mp3" autoplay="autoplay" loop="loop"></audio>
</div>
<script>
(function() {
let scriptEle = document.createElement('script');
scriptEle.setAttribute('type','text/javascript');
scriptEle.setAttribute('src','https://wj.zp68.com/lxx/yunhua/2022/12/06/css-doodle.min.js');
document.head.appendChild(scriptEle);
let mState = () => mplayer.style.setProperty('--state', aud.paused ? 'paused' : 'running');
aud.addEventListener('play', mState, false);
aud.addEventListener('pause', mState, false);
mplayer.onclick = () => aud.paused ? aud.play() : aud.pause();
})();
</script>
<br><br><br><br><br> @樵哥哥 你别回帖，最多就看看，不看也是无所谓 你永远是我们的老首长！祝樵哥哥早日康复。{:4_179:}
@大猫咪 @冬天的雨
一起欣赏进行曲{:4_208:}
送给所有的最可爱的人 所有的离退休军人 送给所有的转业和残疾军人。。。。。。 一起欢度“八一”建军节{:4_204:}{:4_191:}{:4_176:}{:4_177:} https://pic.imgdb.cn/item/64c8a3b21ddac507cc9fb33e.jpg
@马黑黑
黑黑这个算老播放器吗，这个是第一次的js制作的效果 这个好，把小号里的符号修改成文字了，特别恰当。跟亲爱的一起祝福樵哥哥建军节快乐{:4_199:} 小辣椒 发表于 2023-8-1 14:04
@樵哥哥 你别回帖，最多就看看，不看也是无所谓 你永远是我们的老首长！祝樵哥哥早日康复。
亲爱的也知道樵哥哥在恢复中啊，他很勇敢，我一般听到手术两字都怕的{:4_173:} 红影 发表于 2023-8-1 14:30
这个好，把小号里的符号修改成文字了，特别恰当。跟亲爱的一起祝福樵哥哥建军节快乐
哈哈。亲爱的我偷懒做个简单的八一贺帖 红影 发表于 2023-8-1 14:31
亲爱的也知道樵哥哥在恢复中啊，他很勇敢，我一般听到手术两字都怕的
一起祝福樵哥哥早日康复 借小辣椒美帖，祝樵歌朋友节日快乐，幸福安康！ 小辣椒 发表于 2023-8-1 14:21
@马黑黑
黑黑这个算老播放器吗，这个是第一次的js制作的效果
这个不能说是老播放器，它很嫩，它是我接触css-doodle之后创建出来的 小辣椒 发表于 2023-8-1 14:43
哈哈。亲爱的我偷懒做个简单的八一贺帖
这个构思特别棒呢{:4_199:} 小辣椒 发表于 2023-8-1 14:43
一起祝福樵哥哥早日康复
希望他快快好起来，能回来玩{:4_204:} 梦油 发表于 2023-8-1 16:54
借小辣椒美帖，祝樵歌朋友节日快乐，幸福安康！
谢谢梦油欣赏，一起祝樵哥哥早日康复{:4_187:} 醉美水芙蓉 发表于 2023-8-1 17:08
欣赏辣椒美女精美音画！
谢谢水芙蓉欣赏{:4_171:} 马黑黑 发表于 2023-8-1 19:30
这个不能说是老播放器，它很嫩，它是我接触css-doodle之后创建出来的
反正是我第一次接触这种类型的js效果，这个喇叭出来的效果特别喜欢{:4_199:} 醉美水芙蓉 发表于 2023-8-1 20:40
很有趣的 图图！
哈哈，都是旧图玩玩