小辣椒 发表于 2022-2-23 20:35

梦的翅膀受了伤TO:冬天的雨

<style type="text/css">
.picBtn {
       // position: relative;
      width: 100px;
      height: 100px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif') no-repeat;
      cursor: pointer;
      
</style>

<div style="position: relative; left:-340px; width:1280px; top: 150px;text-align:center;">
      <img alt="" src="https://wj.zp68.com/lxx/yunhua/2022/02/20/cb.gif" style="box-shadow:1px 1px 2px #666; border:solid 1px #1458bd;" />
      <div style="position:absolute; width:400px; left:720px; top: 480px; 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 2px #000000;">
               <marqueescrollamount="4" direction="left" >冬雨来吧 我们先煽情一下O(∩_∩)O哈哈~ 你就搞失踪吧 都多久了没有玩播放器了? 这个是黑黑老师的代码你可以捣鼓玩一下 按钮特别好玩</marquee>
<div style="position:absolute; width:400px; left:-520px; top: 20px; text-align:center;">
                <p><audio id="music" src="https://wj1.zp68.com:812/lxx/yunhua/2022/07/mdcbsls.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
                <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('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/202202230106029651-5087368.gif ')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/202202230106029651-5087368.gif ')";
})

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

小辣椒 发表于 2022-2-23 20:36

@冬天的雨做一个,这个星期必须完成{:4_182:}

小辣椒 发表于 2022-2-23 20:37

@马黑黑

黑黑我感觉这个按钮特别好玩可以自己随便换

大猫咪 发表于 2022-2-23 20:48

辣椒制作真漂亮!一听就是孙露的声音吧,真好听,好深情的歌, 冬雨还不快飞来收礼 !

{:4_204:}{:4_190:}{:5_106:}

走过岁月 发表于 2022-2-23 20:52

帮你喊 {:4_195:}

走过岁月 发表于 2022-2-23 20:53

这个小熊好玩,一点就乖了

走过岁月 发表于 2022-2-23 20:54

歌曲好听

走过岁月 发表于 2022-2-23 20:54

小辣椒棒棒哒,赞

马黑黑 发表于 2022-2-23 20:54

小辣椒 发表于 2022-2-23 20:37
@马黑黑

黑黑我感觉这个按钮特别好玩可以自己随便换

嗯,一个GIF动画+一个静态图片,容易实现的

小辣椒 发表于 2022-2-23 20:54

大猫咪 发表于 2022-2-23 20:48
辣椒制作真漂亮!一听就是孙露的声音吧,真好听,好深情的歌, 冬雨还不快飞来收礼 !

{:4_190 ...

猫猫好,这首不是孙露演唱的,专辑上写的是群星,所以我不确定是谁

冬雨搞失踪{:4_203:}

小辣椒 发表于 2022-2-23 20:55

大猫咪 发表于 2022-2-23 20:48
辣椒制作真漂亮!一听就是孙露的声音吧,真好听,好深情的歌, 冬雨还不快飞来收礼 !

{:4_190 ...

猫猫玩一下播放器按钮,那个带眼镜的小猫猫{:4_173:}

走过岁月 发表于 2022-2-23 20:55

冬雨快来,这里有歌听有酒喝,继续喊 {:4_195:}

大猫咪 发表于 2022-2-23 20:55

小辣椒 发表于 2022-2-23 20:54
猫猫好,这首不是孙露演唱的,专辑上写的是群星,所以我不确定是谁

冬雨搞失踪

晕有点孙露的味道, 真好听, 冬雨估计在忙吧   {:4_187:}

走过岁月 发表于 2022-2-23 20:55

小辣椒,不能评分哦,赶紧处理一下

小辣椒 发表于 2022-2-23 20:56

走过岁月 发表于 2022-2-23 20:52
帮你喊

啊~~~岁月来了{:4_187:}

小辣椒 发表于 2022-2-23 20:56

走过岁月 发表于 2022-2-23 20:53
这个小熊好玩,一点就乖了

这个是 按钮{:4_189:}

大猫咪 发表于 2022-2-23 20:57

小辣椒 发表于 2022-2-23 20:55
猫猫玩一下播放器按钮,那个带眼镜的小猫猫

{:4_189:}是很好玩,空了猫也学习一下{:4_187:}

小辣椒 发表于 2022-2-23 20:57

走过岁月 发表于 2022-2-23 20:54
歌曲好听

主要学习黑黑老师的纯css玩,播放器不用上传,加个图片,一个按钮就可以了

小辣椒 发表于 2022-2-23 20:58

走过岁月 发表于 2022-2-23 20:54
小辣椒棒棒哒,赞

啊~~~怎么和岁月比啊{:4_203:}

小辣椒 发表于 2022-2-23 20:58

马黑黑 发表于 2022-2-23 20:54
嗯,一个GIF动画+一个静态图片,容易实现的

黑黑,这个按钮我特别喜欢,很好玩{:4_187:}
页: [1] 2 3
查看完整版本: 梦的翅膀受了伤TO:冬天的雨