小辣椒 发表于 2022-3-10 22:07

古筝--边疆的泉水清又纯 TO：队长

<style type="text/css">
.picBtn {
   
      width: 100px;
      height: 100px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://pic.imgdb.cn/item/622a00ea5baa1a80ab412ada.gif') no-repeat;
      cursor: pointer;
      
</style>

<div style="position: relative; left:-220px; top: 150px; width:1020px;text-align:center;">
      <img alt="" src="https://pic.imgdb.cn/item/622a02585baa1a80ab421d7e.gif" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:250px; left:400px; top: 100px; text-align:center;">

<center >
<p ><font color="#ec1212" size="5" >

               <marqueescrollamount="5" direction="left" >古筝--边疆的泉水清又纯 </marquee>
                <p><audio id="music" src="http://music.163.com/song/media/outer/url?id=25872909.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
            <div style="position:absolute; width:250px; left:150px; top: 300px; 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/622a00ea5baa1a80ab412ada.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/622a01115baa1a80ab414665.png')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('https://pic.imgdb.cn/item/622a01115baa1a80ab414665.png')";
})

</script>
<br><br><br><br><br><br><br><br>

马黑黑 发表于 2022-3-10 22:08

为什么往右移动那么多？故意的么

小辣椒 发表于 2022-3-10 22:09

@加林森

队长看见你前几天发我这个小美女动图，今天做了送给你

小辣椒 发表于 2022-3-10 22:12

马黑黑 发表于 2022-3-10 22:08
为什么往右移动那么多？故意的么

黑黑你进来太早了吧{:4_170:}，我修改了

马黑黑 发表于 2022-3-10 22:12

小辣椒 发表于 2022-3-10 22:12
黑黑你进来太早了吧，我修改了

嗯，一看见就打开了

加林森 发表于 2022-3-10 22:12

小辣椒 发表于 2022-3-10 22:09
@加林森

队长看见你前几天发我这个小美女动图，今天做了送给你

好的好的，我来看看。

小辣椒 发表于 2022-3-10 22:14

加林森 发表于 2022-3-10 22:12
好的好的，我来看看。

你这个小动图必须做白的背景，因为这个人物周围有白边，黑的背景会太明显

加林森 发表于 2022-3-10 22:15

小辣椒 发表于 2022-3-10 22:09
@加林森

队长看见你前几天发我这个小美女动图，今天做了送给你

谢谢小辣椒，我很喜欢这个小丫头的。{:4_189:}

小辣椒 发表于 2022-3-10 22:17

马黑黑 发表于 2022-3-10 22:12
嗯，一看见就打开了

我在电脑预览效果的时候，left:设置为0的，发论坛的时候忘记修改了

绿叶清舟 发表于 2022-3-10 22:19

制作真漂亮啊，队长收礼开心

马黑黑 发表于 2022-3-10 23:01

小辣椒 发表于 2022-3-10 22:17
我在电脑预览效果的时候，left:设置为0的，发论坛的时候忘记修改了

经常有的事{:5_106:}

加林森 发表于 2022-3-10 23:05

马黑黑 发表于 2022-3-10 23:01
经常有的事

向你学习

红影 发表于 2022-3-10 23:35

这背景的动图真气势，这个小女孩的动图做按钮真有趣。亲爱的好制作{:4_187:}

加林森 发表于 2022-3-11 00:44

喜欢的丫头

加林森 发表于 2022-3-11 10:12

绿叶清舟 发表于 2022-3-10 22:19
制作真漂亮啊，队长收礼开心

谢谢清舟。{:4_187:}

马黑黑 发表于 2022-3-11 13:07

{:4_208:}

加林森 发表于 2022-3-12 17:31

{:4_178:}
页: [1]
查看完整版本: 古筝--边疆的泉水清又纯 TO：队长