宁静 发表于 2022-2-19 21:31

贺东篱雅苑建坛三周年庆

本帖最后由 宁静 于 2023-5-1 15:30 编辑 <br /><br /><style type="text/css">
.picBtn {
   
      width: 32px;
      height: 32px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://pan.doliy.cn/filestores/2022/03/12//a0c480b529e55124da8d448b076443f6.gif') no-repeat;
      cursor: pointer;
      
</style>

<div style="position: relative; left:-340px; width:1540px;top: 150px; text-align:center;">
      <img alt="" src="https://pan.doliy.cn/filestores/2022/03/12//d9bdc0f47e09c01c03c4f6c52a50f692.gif" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:400px; left:500px; top: 740px; text-align:center;">

<center >
<p ><font color="#398858" size="4" >

<div style="color:#ffffff;margin:0px;padding:10px;font-size:5px;font-family:微软雅黑;text-shadow:1px 1px 1px #000000;">
               <marqueescrollamount="4" direction="left" >在东篱雅苑建坛三周年之际 宁静送上真挚的祝福祝福东篱雅苑在墨羽坛主的带领下 越办越兴旺 越办越好！

</marquee>
                <p><audio id="music" src="https://pan.doliy.cn/filestores/2022/03/12//0da4d5e6b456bde9b354a37a8ac8a51e.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<div style="position:absolute; width:100px; left:-180px; top: 60px; 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://pan.doliy.cn/filestores/2022/03/12//a0c480b529e55124da8d448b076443f6.gif ')") : (mu.pause(), btn.style.background="url('https://pan.doliy.cn/filestores/2022/03/12//9c1c4c607e097eef4cbc203fe963e805.gif')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('https://pan.doliy.cn/filestores/2022/03/12//9c1c4c607e097eef4cbc203fe963e805.gif')";
})


</script>

<br><br><br><br><br><br><br><br><br><br><br><br>

宁静 发表于 2022-2-19 21:33

热烈祝贺东篱雅苑三周岁华诞{:10_403:}

浅笑 发表于 2022-2-19 21:35

漂亮，喜庆{:10_402:}

问好宁静

泡沫 发表于 2022-2-19 21:37

这才是音画高手！膜拜！

宁静 发表于 2022-2-19 21:41

浅笑 发表于 2022-2-19 21:35
漂亮，喜庆

问好宁静

笑笑好，这个是H5播放器，电脑自动播放，手机手动播放

宁静 发表于 2022-2-19 21:42

泡沫 发表于 2022-2-19 21:37
这才是音画高手！膜拜！

问好泡沫。谢谢欣赏

泡沫 发表于 2022-2-19 21:46

宁静 发表于 2022-2-19 21:42
问好泡沫。谢谢欣赏

你好啊！html5 做的吧 ！？

楚心兰 发表于 2022-2-19 21:47

高手啊，葱白一下！
{:10_402:}

蜻蜓 发表于 2022-2-19 22:13

宁静 发表于 2022-2-19 21:33
热烈祝贺东篱雅苑三周岁华诞

师傅好久不见！问安{:10_402:}

浅笑 发表于 2022-2-19 22:25

宁静 发表于 2022-2-19 21:41
笑笑好，这个是H5播放器，电脑自动播放，手机手动播放

好久没见您了想您了
有空上来看看我们啊


页: [1] 2 3
查看完整版本: 贺东篱雅苑建坛三周年庆