加林森 发表于 2021-10-4 11:27
说你乖也有毛病？
不知道啊~~{:5_153:}
本帖最后由 加林森 于 2022-3-19 11:27 编辑 <br /><br />杨柳青 发表于 2021-10-8 22:36
不知道啊~~
要不要打你下苹果？
<style>
#bgBox { position:relative; left: -15px; width: 1024px; height: 5000px; background-image: url('https://pic.imgdb.cn/item/6233f4f75baa1a80abd87a54.jpg'); background-size: 1024px 500px; background- ͼ
position: 1024px 0; opacity: .96; animation: mv 28s linear infinite; }
#clkBtn { width: 100px; height: 100px; border-radius: 50%; background: rgba(0, 0, 0, .8); cursor: pointer;
position: relative; }
#clkBtn::before { content: ''; position: absolute; left: 5px; top: 5px; background: rgba(0, 0, 0, .2);
width: 88px; height: 88px; border: 1px solid #555; border-radius: 50%; }
#zhizhen { position: absolute; left: 50px; top: 50px; width: 2px; height: 44px; background: red;
transform-origin: 0 0; animation: go 3s linear infinite; }
@keyframes go { to { transform: rotate(360deg);} }
@keyframes mv { from { background-position: 790px 0; } to { background-position: 0 0; } }
</style>
<div id="xq" >
<div id="baiBox" style="position: absolute; left:50px; top: 50px; "></div>
<div style="position: absolute; left:220px; top:220px; width:400px;text-align:center;">
<img alt="" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.ph.126.net%2FsNeNb1OLk7qQrPuKwP8WOA%3D%3D%2F2678515878378686219.jpg&refer=http%3A%2F%2Fimg.ph.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?"/>
<div style="position:absolute; width:160px; left:160px; top: -30px; text-align:center;">
<div id="bgBox">
<div style="position: absolute; left:90px; top: 10px; width:688px;text-align:center;">
<img alt="" src=""/></div>
<div id="clkBtn" style="left: 20px; top: calc(100% - 120px);">
<div id="zhizhen"></div>
</div>
<audio id="music" autoplay="autoplay" loop="loop" src="http://www.kumeiwp.com/sub/filestores/2022/03/18/a8cd30d007cff874d38809d2c4c4a19d.mp3" ></audio></div>
<script language="javascript">
var aud = document.getElementById('music');
var btn = document.getElementById('clkBtn');
var zz = document.getElementById('zhizhen');
btn.onclick = function(){ aud.paused ? (aud.play(), zz.style.animationPlayState = "running") : (aud.pause
(), zz.style.animationPlayState = "paused"); }
aud.addEventListener("ended", function(){ zz.style.animationPlayState = "running"; });
</script>
</div> </div> </div> </div></div></div></div></div>