手機還是電腦？
手机~~现在能看到~~ 本帖最后由 加林森 于 2022-6-2 13:08 编辑 <br /><br />杨柳青 发表于 2022-2-6 23:06
手机~~现在能看到~~
那就好
<style type="text/css">
.picBtn {
width: 113px;
height: 75px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('https://pic.imgdb.cn/item/629782b609475431292c2d10.gif') no-repeat;
cursor: pointer;
</style>
<div style="position: relative; left:-302px; top: 150px; width:1259px;text-align:center;">
<img alt="" src="https://pic.imgdb.cn/item/629840f20947543129d4ca69.jpg " style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
<div style="position:absolute; width:150px; left:170px; top: 120px; text-align:center;">
<center >
<p ><font color="#f8e406" size="4" >
<marqueescrollamount="5" direction="left" >欢度“六一”儿童节</marquee>
<p><audio id="music" src="https://music.163.com/song/media/outer/url?id=1857919787.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<div style="position:absolute; width:350px; left:120px; top: 550px; text-align:center;">
<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('https://pic.imgdb.cn/item/629782b609475431292c2d10.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/629782f209475431292c84ff.png')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://pic.imgdb.cn/item/629782f209475431292c84ff.png')";
})
</script>
<br><br><br><br><br><br><br><br><br><br><br><br>
页:
1
[2]