加林森 发表于 2022-1-23 12:28
{:4_174:}
本帖最后由 加林森 于 2022-3-16 13:53 编辑 <br /><br />马黑黑 发表于 2022-1-23 12:37
{:4_191:}
<style type="text/css">
.picBtn {
width: 80px;
height: 120px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('http://image.hnol.net/c/2022-03/12/19/20220312194526771-5087368.gif') no-repeat;
cursor: pointer;
</style>
<div style="position: relative; left:-200px; top: 150px; width:1000px;text-align:center;">
<img alt="" src="https://pic.imgdb.cn/item/6230199f5baa1a80ab37709e.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
<div style="position:absolute; width:150px; left:100px; top: 100px; text-align:center;">
<center >
<p ><font color="#FF69B4" size="4" >
<div style="color:#ffffff;margin:0px;padding:10px;font-size:5px;font-family:微软雅黑;text-shadow:1px 1px 1px #000000;">
<marqueescrollamount="5" direction="left" >姜玉阳、刘强、戴春磊 - 天际</marquee>
<p><audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/03/14/c98aaa0ea150e1b483e918631d68313c.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<div style="position:absolute; width:250px; left:-60px; top: 340px; 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('http://image.hnol.net/c/2022-03/12/19/20220312194526771-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-03/12/19/202203121947494281-5087368.gif')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-03/12/19/202203121947494281-5087368.gif')";
})
</script></div>
<br><br><br><br><br><br><br><br>
加林森 发表于 2022-1-23 12:50
{:4_190:}
马黑黑 发表于 2022-1-23 12:59
谢茶
加林森 发表于 2022-1-22 16:45
喜欢动物就行了嘛。
{:4_178:}
加林森 发表于 2022-1-22 16:53
要得要得
{:4_204:}
杨柳青 发表于 2022-1-28 23:00
必须的