【童心飞扬】岁岁常欢愉万事皆胜意 -UM/别错过

加林森 · 发表于 2022-6-2 13:13

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由加林森于 2022-6-2 13:16 编辑 <br /><br /><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/6298475a0947543129dc73a8.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" >

            <marquee  scrollamount="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: 570px; 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>