是啊队长 刚回来,
听听音乐,来一壶好茶就可以慢慢度过一个晚上了。
<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/24/15/202202241559481151-5087368.gif') no-repeat;
cursor: pointer;
</style>
<div style="position: relative; left:-220px; width:1024px;text-align:center;">
<img alt="" src="https://pic.imgdb.cn/item/62248c8a5baa1a80ab4ff498.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
<div style="position:absolute; width:150px; left:670px; top: 270px; text-align:center;">
<center >
<p ><font color="#ffffff" size="4" >
<div style="color:#ffffff;margin:0px;padding:10px;font-size:5px;font-family:微软雅黑;text-shadow:1px 1px 2px #ffffff;">
<marqueescrollamount="4" direction="left" >今天又学习了一个播放器,套用一个代码玩玩 ,谢谢马黑黑老师 谢谢小辣椒</marquee>
<p><audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/03/06/98a6e3757bc59e84a1ce8e00df5f1767.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<button id="picBtn" class="picBtn"></button>
</div>
</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/24/15/202202241559481151-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')";
})
</script> 加林森 发表于 2021-11-2 19:45
听听音乐,来一壶好茶就可以慢慢度过一个晚上了。
嗯嗯 好的队长,一起品茶听音乐 {:4_187:}{:4_180:} 本帖最后由 加林森 于 2021-11-2 20:12 编辑
大猫咪 发表于 2021-11-2 19:46
嗯嗯 好的队长,一起品茶听音乐
就是,这样才好玩。{:4_171:}
加林森 发表于 2021-11-2 19:48
就是,这样才好玩。
必须滴{:5_106:} 大猫咪 发表于 2021-11-2 19:52
必须滴
嗯嗯
页:
1
[2]