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

羞答答的玫瑰静悄悄地开TO樵歌

本帖最后由 绿叶清舟 于 2022-3-20 16:04 编辑 <br /><br /><style type="text/css">

.picBtn {
      width: 40px;
      height: 100px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://www.huachaowang.com/data/attachment/forum/202203/19/205013amed58kkek6de88d.gif') no-repeat;
      cursor: pointer;
}

</style>


<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -200px; width:1000px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/6235e0935baa1a80aba79977.jpg>
<DIVstyle="position: relative; LEFT: -300px; TOP: 290px">
               <div style="position:absolute; width:40px; left: 400px; top:calc(100% - 40px); text-align:center;">
                <button id="picBtn" class="picBtn"></button>
      </div>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<audio id="music" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=276487.mp3" ></audio>

<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://www.huachaowang.com/data/attachment/forum/202203/19/205013amed58kkek6de88d.gif')") : (mu.pause(), btn.style.background="url('https://www.huachaowang.com/data/attachment/forum/202203/19/205013amed58kkek6de88d.gif')");
}
mu.addEventListener("ended", function(){
      btn.style.background="url('https://www.huachaowang.com/data/attachment/forum/202203/19/205013amed58kkek6de88d.gif')";
});
</script>

红影 发表于 2022-3-20 10:53

原来这朵玫瑰花就是播放器按钮呢,有趣。师兄快来看羞答答的玫瑰@樵歌{:4_187:}

红影 发表于 2022-3-20 10:54

那个按钮按了以后会有重影,可能按钮下面的宽度每调好。

红影 发表于 2022-3-20 10:55

这个播放器按钮也好看呢,用在这个帖子特别好{:4_187:}

大猫咪 发表于 2022-3-20 13:36

清舟这制作好可爱{:5_106:}非常有创意   歌也经典,樵哥哥收礼开心! 周末快乐!

{:4_204:}{:4_199:}

来看你 发表于 2022-3-20 14:50

好看的玫瑰,小女孩也传神 {:4_199:}

绿叶清舟 发表于 2022-3-20 15:59

来看你 发表于 2022-3-20 14:50
好看的玫瑰,小女孩也传神

看看好,小女孩羞了嘛{:4_189:}

绿叶清舟 发表于 2022-3-20 16:00

大猫咪 发表于 2022-3-20 13:36
清舟这制作好可爱    非常有创意   歌也经典,樵哥哥收礼开心! 周末快乐!

{:4_19 ...

猫周末好,真好看到这个小女孩的片片{:4_173:}

绿叶清舟 发表于 2022-3-20 16:03

红影 发表于 2022-3-20 10:54
那个按钮按了以后会有重影,可能按钮下面的宽度每调好。

都没仔细看过代码也没去按过了{:4_189:}

来看你 发表于 2022-3-20 21:47

绿叶清舟 发表于 2022-3-20 15:59
看看好,小女孩羞了嘛

想象一下要是樵哥的头像 {:4_196:}

红影 发表于 2022-3-21 11:36

绿叶清舟 发表于 2022-3-20 16:03
都没仔细看过代码也没去按过了

看到调好了,清舟真棒。师兄咋还不来收礼@樵歌 {:4_187:}
页: [1]
查看完整版本: 羞答答的玫瑰静悄悄地开TO樵歌