加林森 发表于 2022-1-17 17:42

神雕侠侣]江湖笑_DJ慢摇嗨曲 送大家！

本帖最后由 加林森 于 2022-1-18 16:57 编辑 <br /><br /><style type="text/css">
.picBtn {
      width: 32px;
      height: 32px;
      border: none;
      border-radius: 8px;
      background: transparent url('https://pic.imgdb.cn/item/61e430692ab3f51d916a100c.png') no-repeat;
      cursor: pointer;
      outline: none;
      box-shadow: 1px 1px 2px 1px rgba(0,0,0,.25);
}

.picBtn:hover {
      opacity: 0.95;
      box-shadow: 1px 1px 2px 2px rgba(0,0,255,.3);
}

#picBtn:active {
      opacity: 0.8;
      box-shadow: 0px 1px 1px 1px rgba(0,0,255,.5);
}

</style>

<div style="position: relative; left:-200px; width:1026px;text-align:center;">
        <img alt="" src="https://www.80wp.com/wj/3015582/ac81422919a3d184417dca298c5cb340.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
       
<div style="position:absolute; width:200px; left:100px; top: 420px; text-align:center;">
               
<P>        <marqueescrollamount="2" direction="left" >[神雕侠侣]江湖笑_DJ慢摇嗨曲</marquee></P>
                <p><audio id="music" src="https://www.80wp.com/wj/3015528/858cfa8a07a8e1d4f9631562e640aa26.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
                <button id="picBtn" class="picBtn"></button>
        </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/61e430692ab3f51d916a100c.png')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/61e4301b2ab3f51d9169d5eb.png')");
}

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

</script>

加林森 发表于 2022-1-17 17:43

@马黑黑 @红影 @小辣椒 @大猫咪

马黑黑 发表于 2022-1-17 17:44

队长动作真快

加林森 发表于 2022-1-17 17:52

马黑黑 发表于 2022-1-17 17:44
队长动作真快

这个大小整合适，图片宽为：1000＊（图片高）748
看着很整中的。

马黑黑 发表于 2022-1-17 18:19

加林森 发表于 2022-1-17 17:52
这个大小整合适，图片宽为：1000＊（图片高）748
看着很整中的。

有体会了

加林森 发表于 2022-1-17 18:49

马黑黑 发表于 2022-1-17 18:19
有体会了

是啊是啊

马黑黑 发表于 2022-1-17 19:24

加林森 发表于 2022-1-17 18:49
是啊是啊

( ^_^ )不错嘛

红影 发表于 2022-1-17 19:53

队长做出来了，很赞{:4_187:}

红影 发表于 2022-1-17 19:54

顶上貌似可以下来150左右，否则把头像遮住了呢{:4_173:}

加林森 发表于 2022-1-17 20:21

马黑黑 发表于 2022-1-17 19:24
( ^_^ )不错嘛

谢谢老黑！{:4_191:}

加林森 发表于 2022-1-17 20:22

红影 发表于 2022-1-17 19:53
队长做出来了，很赞

我是跟到你学习的啊。{:4_187:}

加林森 发表于 2022-1-17 20:23

红影 发表于 2022-1-17 19:54
顶上貌似可以下来150左右，否则把头像遮住了呢

知道知道，我跟老师学习的，老师都不要脸的，我也一样了。{:4_170:}

红影 发表于 2022-1-17 22:15

加林森 发表于 2022-1-17 20:22
我是跟到你学习的啊。

我也是跟黑黑学的{:4_173:}

红影 发表于 2022-1-17 22:15

加林森 发表于 2022-1-17 20:23
知道知道，我跟老师学习的，老师都不要脸的，我也一样了。

按钮和滚动字都可以下来点，和图片文字重叠了呢。

加林森 发表于 2022-1-18 09:38

红影 发表于 2022-1-17 22:15
按钮和滚动字都可以下来点，和图片文字重叠了呢。

嗯嗯，谢谢红影！{:4_187:}

红影 发表于 2022-1-18 14:22

加林森 发表于 2022-1-18 09:38
嗯嗯，谢谢红影！

队长的制作很赞{:4_187:}

加林森 发表于 2022-1-18 16:54

红影 发表于 2022-1-18 14:22
队长的制作很赞

谢谢你的大力支持啊。{:4_190:}

大猫咪 发表于 2022-1-18 18:49

真漂亮，队长现在音画制作的真好，赞一个   {:4_190:}

{:4_179:}

加林森 发表于 2022-1-18 18:58

大猫咪 发表于 2022-1-18 18:49
真漂亮，队长现在音画制作的真好，赞一个

猫猫上来了。{:4_179:}

大猫咪 发表于 2022-1-18 19:13

加林森 发表于 2022-1-18 18:58
猫猫上来了。

来了来了队长，他们去吃饭，猫上来队长美帖里陶醉一下

{:4_179:}{:4_190:}
页: [1] 2
查看完整版本: 神雕侠侣]江湖笑_DJ慢摇嗨曲 送大家！