东篱闲人 发表于 2022-3-11 13:29

TO：小辣椒

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

<div style="position: relative; left:-330px; top: 150px; width:1300px;text-align:center;">
      <img alt="" src="https://s1.ax1x.com/2022/03/11/b5Lu8I.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:250px; left:100px; top: 100px; text-align:center;">

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

               <marqueescrollamount="4" direction="left" >椒椒师傅谢谢你，你最帅，你最仙，你是人间四月天！</marquee>
                <p><audio id="music" src="http://music.163.com/song/media/outer/url?id=1823366042.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
            <div style="position:absolute; width:250px; left:450px; top: 450px; 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/60ef06295132923bf8240703.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/6225d3e65baa1a80ab525ee2.png')");
}

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

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

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

@小辣椒

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

帮老兄喊{:4_195:}

红影 发表于 2022-3-11 14:05

东篱大哥的制作好美，这个播放器按钮也不错，小小的不占地方。小辣椒亲爱的收礼开心{:4_187:}

好开心 发表于 2022-3-11 15:23

古色古香。小辣椒穿越时空，从水乡晚秋里而来。

东篱闲人 发表于 2022-3-11 19:41

加林森 发表于 2022-3-11 13:55
帮老兄喊

辛苦辛苦。。。。。。{:4_191:}

东篱闲人 发表于 2022-3-11 19:41

红影 发表于 2022-3-11 14:05
东篱大哥的制作好美，这个播放器按钮也不错，小小的不占地方。小辣椒亲爱的收礼开心

套代码。。。

东篱闲人 发表于 2022-3-11 19:42

好开心 发表于 2022-3-11 15:23
古色古香。小辣椒穿越时空，从水乡晚秋里而来。

又到秋天了吗？{:5_115:}

大猫咪 发表于 2022-3-11 20:33

赏心悦目！ 典雅的色彩和情调， 真美{:4_187:}辣椒收礼开心{:4_204:}{:4_190:}

老头真棒！

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

小辣椒 发表于 2022-3-11 20:36

加林森 发表于 2022-3-11 13:54
@小辣椒

谢谢队长

小辣椒 发表于 2022-3-11 20:37

老头你速度的，晓得老头特别聪明，看看就会了{:4_187:}

小辣椒 发表于 2022-3-11 20:37

红影 发表于 2022-3-11 14:05
东篱大哥的制作好美，这个播放器按钮也不错，小小的不占地方。小辣椒亲爱的收礼开心

亲爱的，老头就厉害，看看就会了

加林森 发表于 2022-3-11 20:59

小辣椒 发表于 2022-3-11 20:36
谢谢队长

不客气的。{:4_204:}{:4_190:}

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

东篱闲人 发表于 2022-3-11 19:41
辛苦辛苦。。。。。。

不辛苦的{:4_176:}

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

小辣椒 发表于 2022-3-11 20:37
亲爱的，老头就厉害，看看就会了

是啊，他一直都很厉害的{:4_173:}

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

东篱闲人 发表于 2022-3-11 19:41
套代码。。。

就算套代码还是要花心思去做的呢{:4_187:}

东篱闲人 发表于 2022-3-12 20:04

大猫咪 发表于 2022-3-11 20:33
赏心悦目！ 典雅的色彩和情调， 真美辣椒收礼开心

老头真棒！


马马虎虎，对付过呗。。{:5_106:}

东篱闲人 发表于 2022-3-12 20:04

红影 发表于 2022-3-12 16:06
就算套代码还是要花心思去做的呢

闲着干啥。。。{:5_117:}

红影 发表于 2022-3-12 21:32

东篱闲人 发表于 2022-3-12 20:04
闲着干啥。。。

闲着就做图呗{:4_189:}

浅风儿 发表于 2022-3-12 21:46

姑娘纯美~
页: [1] 2
查看完整版本: TO：小辣椒