加林森 发表于 2022-6-2 14:40

《气球》- 阿肆

本帖最后由 加林森 于 2022-6-2 17:50 编辑 <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:-214px; top: 150px; width:1024px;text-align:center;">
      <img alt="" src="https://pic.imgdb.cn/item/629857b80947543129f1c215.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:150px; left:280px; top: 140px; text-align:center;">

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

               <marqueescrollamount="4" direction="left" >花潮水区欢度“端午节〞！</marquee>
                <p><audio id="music" src="https://music.163.com/song/media/outer/url?id=1951961352.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<div style="position:absolute; width:350px; left:120px; top: 470px; 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>

红影 发表于 2022-6-3 21:08

加林森 发表于 2022-6-2 21:25
是啊。

现在这个小动图可以换成黑黑的代码了，任何底色都能用呢。

加林森 发表于 2022-6-2 14:40

@小辣椒

梦油 发表于 2022-6-2 15:25

水区过节啦！

加林森 发表于 2022-6-2 15:32

梦油 发表于 2022-6-2 15:25
水区过节啦！

老梦下午好！

梦油 发表于 2022-6-2 16:01

加林森 发表于 2022-6-2 15:32
老梦下午好！

你好，老林朋友。

加林森 发表于 2022-6-2 16:04

梦油 发表于 2022-6-2 16:01
你好，老林朋友。

好啊，老梦没有出去走走啊？我现在正在外面散步呢！

梦油 发表于 2022-6-2 16:05

加林森 发表于 2022-6-2 16:04
好啊，老梦没有出去走走啊？我现在正在外面散步呢！
多热啊！等你回来再聊吧。

红影 发表于 2022-6-2 17:04

漂亮。这张图图是倾斜的？{:4_204:}

加林森 发表于 2022-6-2 17:21

红影 发表于 2022-6-2 17:04
漂亮。这张图图是倾斜的？

我自己制作的。{:4_189:}

加林森 发表于 2022-6-2 17:22

梦油 发表于 2022-6-2 16:05
多热啊！等你回来再聊吧。

我回来啦。

小辣椒 发表于 2022-6-2 17:23

加林森 发表于 2022-6-2 14:40
@小辣椒

来了。队长又一个做完了，队长不要求速度，要求更加优质的。。。。。

加林森 发表于 2022-6-2 17:24

小辣椒 发表于 2022-6-2 17:23
来了。队长又一个做完了，队长不要求速度，要求更加优质的。。。。。

这个制作怎么样？

马黑黑 发表于 2022-6-2 18:02

简简单单的元素，精美布局之后，营造出的美妙不可言。队长高手

加林森 发表于 2022-6-2 18:05

马黑黑 发表于 2022-6-2 18:02
简简单单的元素，精美布局之后，营造出的美妙不可言。队长高手

今天刚用秀秀软件制作的。

马黑黑 发表于 2022-6-2 18:33

加林森 发表于 2022-6-2 18:05
今天刚用秀秀软件制作的。

非常精美！赞！

加林森 发表于 2022-6-2 19:09

马黑黑 发表于 2022-6-2 18:33
非常精美！赞！

谢谢老黑。喝没？

马黑黑 发表于 2022-6-2 20:07

加林森 发表于 2022-6-2 19:09
谢谢老黑。喝没？

喝了喝了

加林森 发表于 2022-6-2 20:29

马黑黑 发表于 2022-6-2 20:07
喝了喝了

那就好

马黑黑 发表于 2022-6-2 20:42

加林森 发表于 2022-6-2 20:29
那就好

喝了当然好

加林森 发表于 2022-6-2 20:49

马黑黑 发表于 2022-6-2 20:42
喝了当然好

那是肯定的好了。
页: [1] 2
查看完整版本: 《气球》- 阿肆