往事如昔TO：黑黑
<style type="text/css">/* 外框盒子 */
#ces { position: relative; left:-220px; top:150px; width: 1024px; height: 600px; background:#333 url('https://pic.imgdb.cn/item/62334d755baa1a80ab74e476.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: 3.8rem;
font-weight: bold;
color: #f9c866;
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: 40px;
height: 35px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('https://pic.imgdb.cn/item/623403705baa1a80abe37865.gif') no-repeat;
cursor: pointer;
}
</style>
<div id="ces" >
<div id="baiBox" style="position: absolute; left:120px; top: 50px; ">往事如昔</div>
<div style="position: absolute; left:20px; top: 250px; width:382px;text-align:center;">
<img alt="" src="http://image.hnol.net/c/2022-03/18/02/202203180205535571-5087368.gif"/>
<p ><font color="#ffffff" size="4" >
<div style="position:absolute; width:260px; left:160px; top: -30px; text-align:center;padding:5px;font-size:1.em;font-family:'微软雅黑';text-shadow:1px 1px 1px #000;">
<marqueescrollamount="4" direction="left" > 歌星陈歌--【往事如昔】 TO：黑黑 感谢黑黑无私的分享了这么多教程 小辣椒太喜欢了 身体原因暂时离开一下 我会回来继续学习的
</marquee>
</div>
</div>
<!-- 控制按钮应是父盒子的第一代子元素 -->
<div style="position:absolute; width:120px; left: 310px; 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=1804512245.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/623403705baa1a80abe37865.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/623403955baa1a80abe390b1.png')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://pic.imgdb.cn/item/623403955baa1a80abe390b1.png')";
});
</script>
<br><br><br><br><br><br><br><br><br><br>
@马黑黑
黑黑谢谢你，自从你来了花潮，小辣椒就像打了鸡血一样，兴奋，可以学习自己喜欢的东西了，虽然白天没有时间，晚上我都会上来了看看，就一直感觉时间不够用。
现在基本找不到黑黑这种无私分享教程的人，花潮有你真好，可惜小辣椒最近身体出现了一点问题，得暂时离开一下了。。。。。。{:5_149:}
非常喜欢的一首歌，有各种版本的，特别喜欢陈歌演唱的 低沉的男声，在郁闷的时候倾听会有一种附和感，随着歌声让眼泪流淌，也是一种情感的释放。。。。 好漂亮的制作，小辣椒辛苦了。{:4_187:}
不要太伤感，慢慢会恢复健康的，开心为好！{:4_204:}{:4_204:} 亲爱的身体这样了，还做帖子，太拼了，赶紧去休息{:4_179:} 画面浅色系，看着好喜欢。这个小动图的按钮也好看呢，画面温暖，歌曲好听。黑黑收礼开心{:4_187:} 小辣椒 发表于 2022-3-19 14:04
@马黑黑
黑黑谢谢你，自从你来了花潮，小辣椒就像打了鸡血一样，兴奋，可以学习自己喜欢的东西了，虽然 ...
好好调养身体，祝早日康复！ 辣椒制作真清爽，太棒了！喜欢的经典，,磁性的嗓子，宛转悠扬,听着就是舒服，
{:4_204:}{:4_199:}
老黑收礼开心{:4_179:}晚上好{:4_190:} 简洁明快，靓丽清新，好漂亮的帖子。。。{:5_116:} 小辣椒 发表于 2022-3-19 14:04
@马黑黑
黑黑谢谢你，自从你来了花潮，小辣椒就像打了鸡血一样，兴奋，可以学习自己喜欢的东西了，虽然 ...
黑黑就是活雷锋。。。{:5_116:} 马黑黑 发表于 2022-3-19 17:00
好好调养身体，祝早日康复！
生命中，有很多的相遇，都是精彩的，也是命中注定的，它让你的生活有了绝伦的美丽。你感动了俺师傅，也感动了我们所有人，干了吧。。。{:4_176:} 东篱闲人 发表于 2022-3-19 19:44
生命中，有很多的相遇，都是精彩的，也是命中注定的，它让你的生活有了绝伦的美丽。你感动了俺师傅，也 ...
啊？我不会吧 马黑黑 发表于 2022-3-19 20:43
啊？我不会吧
嗯，实际情况是这样。{:5_116:} 东篱闲人 发表于 2022-3-19 20:49
嗯，实际情况是这样。
言重了 马黑黑 发表于 2022-3-19 21:26
言重了
不重。你就是一个高尚的人，一个有道德的人，一个纯粹的人，一个脱离了低级趣味的人，一个有益于人民的人。{:5_116:} 东篱闲人 发表于 2022-3-20 10:28
不重。你就是一个高尚的人，一个有道德的人，一个纯粹的人，一个脱离了低级趣味的人，一个有益于人民的人 ...
还有，俺是特殊材料制作的{:4_170:} 这歌调子这么低沉 马黑黑 发表于 2022-3-20 10:41
还有，俺是特殊材料制作的
嗯，钢铁就是这样炼成的。 继续欣赏辣椒好制作 {:4_187:}周末快乐！好好休息，早日康复{:4_204:}{:4_179:}
页:
[1]
2