云间秀色 t0: 千羽
<style type="text/css">
/* 外框盒子 */
#xq { position: relative; left:-395px; top:50px; width: 1400px; height: 845px; background:#333 url('/data/attachment/forum/202203/16/174712jpjslpweerzferx0.jpg') no-repeat center/cover; box-shadow: 4px 4px 5px #888;border-radius:12px; }
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
margin: auto;
width: 360px;
text-align: center;
font-size: 5rem;
font-weight: bold;
color: #EEEE00;
transform-origin: top;
animation: yao 0.8s linear infinite alternate;
}
/* 动画 */
@keyframes yao {
from{ transform: perspective(800px) rotatex(30deg); }
to { transform: perspective(800px) rotatex(-30deg); }
}
/* 播放按钮 */
.picBtn {
width: 0px;
height: 0px;
border: none;
outline: none;
border-radius: 0px;
background: transparent url('https://pic.imgdb.cn/item/622db6215baa1a80ab3dff55.gif') no-repeat;
cursor: pointer;
}
</style>
<div id="xq" >
<div id="baiBox" style="position: absolute; left:120px; top: 40px; "></div>
<div style="position: absolute; left:120px; top: 150px; width:400px;text-align:center;">
<img alt="" src="http://image.hnol.net/c/2021-01/10/10/202101101019478794-5088534.gif"/>
<div style="position:absolute; width:260px; left:560px; top: 10px; text-align:center;padding:10px;font-size:1em;font-family:'微软雅黑';text-shadow:1px 1px 2px #000;">
<marquee scrollamount="5" direction="left" > </marquee>
</div>
</div>
<!-- 控制按钮应是父盒子的第一代子元素 -->
<div style="position:absolute; width:120px; left: 10px; top:calc(100% - 140px); text-align:center;">
<button id="picBtn" class="picBtn"></button>
</div>
</div>
<!-- 播放器不要界面，无需放在帖子父盒子内 -->
<audio id="music" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=1927353169.mp3" ></audio>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('https://pic.imgdb.cn/item/622db6215baa1a80ab3dff55.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/622db73d5baa1a80ab3e783b.gif')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://pic.imgdb.cn/item/622db73d5baa1a80ab3e783b.gif')";
});
</script>
</script>
</script>
</script>
</script>
</script>
</script>
</script>
帮喊@千羽 {:4_195:} 加林森 发表于 2022-3-16 18:02
帮喊@千羽
队长晚上好！ 刚才吃饭去了{:4_189:} 大气之作
千羽收礼开森 小九 发表于 2022-3-16 18:16
队长晚上好！ 刚才吃饭去了
等千羽来收礼了{:4_204:} 哦，前面那个是传图啊。嗯嗯，这个制作漂亮，羽儿收礼开心{:4_187:} 马黑黑 发表于 2022-3-16 18:26
大气之作
千羽收礼开森
试了几次，第一次，图片出不来， 我有重新操作一遍，图片就出来了，找不到原因呢 恭喜小九制作成功，真棒，图美歌靓，赞！ 千羽收礼开心！晚上好！
{:4_204:}{:4_190:} 看到有礼物，就飞跑来了{:4_173:} 小九的图做得漂亮，歌儿也选的好听{:4_187:} flash加在这还很撘的，小九手儿也挺巧{:4_187:} 小九 发表于 2022-3-16 18:47
试了几次，第一次，图片出不来， 我有重新操作一遍，图片就出来了，找不到原因呢
其实早出来了，图片大，你一下子看不到 谢谢小九辛苦了，很喜欢的美图{:4_179:} 小九，抠图时降低下不透明度，再高斯一次，人物和背景融合会自然一些{:4_181:} 加林森 发表于 2022-3-16 18:02
帮喊@千羽
来了来了，谢谢热心的队长{:4_187:} 马黑黑 发表于 2022-3-16 18:26
大气之作
千羽收礼开森
谢谢黑黑老师{:4_187:} 千羽 发表于 2022-3-16 20:24
来了来了，谢谢热心的队长
来了就好，收礼开心哈。{:4_187:} 加林森 发表于 2022-3-16 18:27
等千羽来收礼了
嗯，俺把礼收走了{:4_205:} 红影 发表于 2022-3-16 18:31
哦，前面那个是传图啊。嗯嗯，这个制作漂亮，羽儿收礼开心
问好影子，俺来开心收礼了{:4_185:} 加林森 发表于 2022-3-16 20:25
来了就好，收礼开心哈。
挺开心的，给队长送{:4_187:}花花{:4_204:}