《少年(女声版)》 -花僮 答谢帖 TO：小辣椒
<style type="text/css">.picBtn {
width: 100px;
height: 100px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif') no-repeat;
cursor: pointer;
</style>
<div style="position: relative; left:-420px; width:1400px; top: 150px;text-align:center;">
<img alt="" src="https://pic.imgdb.cn/item/622339c75baa1a80ab6d274e.jpg" style="box-shadow:1px 1px 2px #F8F8FF; border:solid 1px #F8F8FF;" />
<div style="position:absolute; width:400px; left:220px; top: 450px; text-align:center;">
<center >
<p ><font color="#F8F8FF" size="4" >
<marqueescrollamount="4" direction="left" >送上少年(女声版)-花僮答谢。谢谢小辣椒，在你的帮助下我感到自己很开心，学习了很多的教程，有你真好！ </marquee>
<div style="position:absolute; width:400px; left:-120px; top: 10px; text-align:center;">
<p><audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/03/04/f0dce6a60775db47e015a5bc349942cb.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<button id="picBtn" class="picBtn"></button>
</div>
</div>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/202202230106029651-5087368.gif ')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/202202230106029651-5087368.gif ')";
})
</script> </div>
<br><br><br><br><br><br><br><br><br><br> @小辣椒 @马黑黑 根据小辣椒教的教程，我也去跟到制作了一个出来，修改了一些代码与数据。好像成功了。{:5_154:} 队长好漂亮的制作，好像没法评分呢{:4_187:} 红影 发表于 2022-3-5 19:56
队长好漂亮的制作，好像没法评分呢
你进去看看，是不是有什么问题？ 加林森 发表于 2022-3-5 18:42
根据小辣椒教的教程，我也去跟到制作了一个出来，修改了一些代码与数据。好像成功了。
队长好棒了，修改了什么代码了 修改了滚动字颜色{:4_187:} 图片边框的颜色{:4_173:} 小辣椒 发表于 2022-3-5 20:36
队长好棒了，修改了什么代码了
文字改为白字了，另外的代码好像图像的代码。 队长后面自己换按钮的小图 小辣椒 发表于 2022-3-5 20:39
队长后面自己换按钮的小图
嗯嗯，我得先去找个小图片出来，然后再去上传图片吧。 小辣椒 发表于 2022-3-5 20:37
修改了滚动字颜色
就是 小辣椒 发表于 2022-3-5 20:39
图片边框的颜色
是的是的。哈哈，我自己都忘记了。{:4_189:} 刚才上QQ看见提醒和队长好友今天是5周年了{:4_187:} 小辣椒 发表于 2022-3-5 20:43
刚才上QQ看见提醒和队长好友今天是5周年了
应该有这么多年了。{:5_114:} 红影 发表于 2022-3-5 19:56
队长好漂亮的制作，好像没法评分呢
可以了 加林森 发表于 2022-3-5 20:41
嗯嗯，我得先去找个小图片出来，然后再去上传图片吧。
自己多琢磨，可以换图图尺寸移动播放器和滚动字位置 小辣椒 发表于 2022-3-5 20:48
自己多琢磨，可以换图图尺寸移动播放器和滚动字位置
好的好的。谢谢你了，辛苦了。{:4_204:}{:4_190:} 加林森 发表于 2022-3-5 20:49
好的好的。谢谢你了，辛苦了。
队长 不客气，这个不辛苦的 小辣椒 发表于 2022-3-5 20:51
队长 不客气，这个不辛苦的
嗯嗯。今天我还制作了老黑的教程，就是可以播放11收歌曲的代码。
页:
[1]
2