大猫咪 发表于 2022-3-6 22:08

午夜萨克斯---千羽

本帖最后由 大猫咪 于 2022-7-11 11:12 编辑 <br /><br /><style type="text/css">
.picBtn {

      width: 100px;
      height: 100px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('http://image.hnol.net/c/2022-02/24/15/202202241559481151-5087368.gif') no-repeat;
      cursor: pointer;

</style>

<div style="position: relative; left:-200px; top:120px;width:1000px;text-align:center;">
      <img alt="" src="https://s3.bmp.ovh/imgs/2022/03/0127ca94923590a6.png" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:250px; left:150px; top: 410px; 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 #ffffff;">


               <marqueescrollamount="4" direction="left" >浪漫旋律,随风而至,温柔情怀,感人至深。优美的旋律回荡在耳畔,给人以如痴如醉的美的享受!</marquee>
                <p><audio id="music" src="http://music.163.com/song/media/outer/url?id=1355089807.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
                <button id="picBtn" class="picBtn"></button>
          </div>
      </div>
</div><br><br><br><br>

<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/24/15/202202241559481151-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')");
}

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

</script>

大猫咪 发表于 2022-3-6 22:14

@千羽

大猫咪 发表于 2022-3-6 22:16

刚学习会做简单的帖,{:5_117:}送小千羽周末快乐! 安好!


{:4_204:}{:4_190:}

樵歌 发表于 2022-3-7 11:25

猫咪这贴是越做越好了。千羽收礼开森。

红影 发表于 2022-3-7 13:26

场景选择真好,和音乐完全契合,猫猫的帖子越做越棒了{:4_199:}

大猫咪 发表于 2022-3-7 14:02

红影 发表于 2022-3-7 13:26
场景选择真好,和音乐完全契合,猫猫的帖子越做越棒了

谢谢红影支持鼓励{:4_187:}片片不好找{:5_117:} 下午好   {:4_190:}

千羽 发表于 2022-3-7 20:33

大猫咪 发表于 2022-3-6 22:14
@千羽

来了{:4_187:}

千羽 发表于 2022-3-7 20:33

惊叹中……{:4_203:}

千羽 发表于 2022-3-7 20:36

猫咪的技艺在腾飞,刮目相看啊{:4_199:}{:4_181:}

千羽 发表于 2022-3-7 20:37

背景选图精彩,萨克斯真好听,那按钮做的漂亮{:4_181:}

绿叶清舟 发表于 2022-3-7 20:38

猫这是一鸣惊人啊,午夜最适合听萨克斯了{:4_204:}{:4_199:}

小辣椒 发表于 2022-3-7 20:38

千羽 发表于 2022-3-7 20:36
猫咪的技艺在腾飞,刮目相看啊

同感{:4_172:}

千羽 发表于 2022-3-7 20:39

谢谢猫咪,祝猫咪小小仙女节日快乐{:4_187:}{:4_189:}

小辣椒 发表于 2022-3-7 20:39

千羽 发表于 2022-3-7 20:33
惊叹中……

千羽你也是可以玩的,还比做边框简单一点{:4_173:}

红影 发表于 2022-3-7 20:39

大猫咪 发表于 2022-3-7 14:02
谢谢红影支持鼓励片片不好找 下午好

这个夜晚的城市的图图很棒的,在这样的场景里欣赏美妙的萨克斯真是美好的享受{:4_187:}

大猫咪 发表于 2022-3-7 20:40

千羽 发表于 2022-3-7 20:33
惊叹中……

辣椒一直在辛苦教猫制作,{:4_189:}   先收着小千羽{:4_187:} 晚上好{:4_190:}

千羽 发表于 2022-3-7 20:40

大猫咪 发表于 2022-3-6 22:16
刚学习会做简单的帖,送小千羽周末快乐! 安好!

俺感觉这帖不简单,谢谢猫咪{:4_187:}

千羽 发表于 2022-3-7 20:41

小辣椒 发表于 2022-3-7 20:39
千羽你也是可以玩的,还比做边框简单一点

嗯,好的,有时间就做个{:4_185:}

大猫咪 发表于 2022-3-7 20:41

千羽 发表于 2022-3-7 20:39
谢谢猫咪,祝猫咪小小仙女节日快乐

{:4_170:} 一起快乐 !

大猫咪 发表于 2022-3-7 20:42

红影 发表于 2022-3-7 20:39
这个夜晚的城市的图图很棒的,在这样的场景里欣赏美妙的萨克斯真是美好的享受

要是动图就漂亮了,慢慢学习{:4_187:} {:4_189:}
页: [1] 2 3 4
查看完整版本: 午夜萨克斯---千羽