加林森 发表于 2022-3-11 11:22

《可可托海的牧羊人》 王琪

<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:1000px;text-align:center;">
      <img alt="" src="https://pic.imgdb.cn/item/622abf9e5baa1a80abaa5171.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:250px; left:550px; top: 50px; text-align:center;">


<center >
<p ><font color="#ffffff" 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="http://www.kumeiwp.com/sub/filestores/2021/03/01/1ff3a90dcf91f4a8d9e8a8a29583b7c3.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
            <div style="position:absolute; width:250px; left:20px; top: 250px; 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></div>
<br><br><br><br><br><br><br><br>

红影 发表于 2022-3-11 12:57

队长也学会用这个小人头像来做按钮了，欣赏队长漂亮的制作{:4_187:}

红影 发表于 2022-3-11 12:58

这个帖子好像没法评分呢。

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

赞一个

加林森 发表于 2022-3-11 13:14

红影 发表于 2022-3-11 12:57
队长也学会用这个小人头像来做按钮了，欣赏队长漂亮的制作

这个小丫头本来就是我的。{:5_117:}

加林森 发表于 2022-3-11 13:15

红影 发表于 2022-3-11 12:58
这个帖子好像没法评分呢。

老黑怎么可以评分呢？应该可以评分的啊。

加林森 发表于 2022-3-11 13:15

马黑黑 发表于 2022-3-11 13:05
赞一个

谢谢老黑支持！{:4_190:}

马黑黑 发表于 2022-3-11 16:48

加林森 发表于 2022-3-11 13:15
谢谢老黑支持！

{:4_208:}

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

马黑黑 发表于 2022-3-11 16:48


{:4_205:}

小辣椒 发表于 2022-3-11 21:42

队长做图图还要加油，移动播放器和滚动字现在会了，特别选歌都很好听到的 赞！！！{:4_178:}

加林森 发表于 2022-3-11 22:08

小辣椒 发表于 2022-3-11 21:42
队长做图图还要加油，移动播放器和滚动字现在会了，特别选歌都很好听到的 赞！！！

嗯嗯，现在就是尽量制作好图片出来。{:5_154:}

红影 发表于 2022-3-12 12:53

加林森 发表于 2022-3-11 13:15
老黑怎么可以评分呢？应该可以评分的啊。

嗯嗯，现在可以了{:4_187:}

红影 发表于 2022-3-12 12:55

加林森 发表于 2022-3-11 13:14
这个小丫头本来就是我的。

这类动图都能用来做按钮的，比如这个{:4_208:}

加林森 发表于 2022-3-12 12:56

红影 发表于 2022-3-12 12:53
嗯嗯，现在可以了

好的好的。

加林森 发表于 2022-3-12 12:56

红影 发表于 2022-3-12 12:55
这类动图都能用来做按钮的，比如这个

就是，我收藏了的。{:4_189:}

红影 发表于 2022-3-12 16:48

加林森 发表于 2022-3-12 12:56
就是，我收藏了的。

而且这个是表情，所以有现成的地址{:4_173:}

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

红影 发表于 2022-3-12 16:48
而且这个是表情，所以有现成的地址

是的是的，改天拿这个去制作一个播放器出来玩玩。{:4_189:}

红影 发表于 2022-3-12 18:55

加林森 发表于 2022-3-12 17:10
是的是的，改天拿这个去制作一个播放器出来玩玩。

好啊，等着看队长做出来{:4_173:}

加林森 发表于 2022-3-12 19:25

红影 发表于 2022-3-12 18:55
好啊，等着看队长做出来

好的好的。{:4_190:}
页: [1]
查看完整版本: 《可可托海的牧羊人》 王琪