大猫咪 发表于 2022-3-9 19:03

雪山TO--四海八荒

本帖最后由 大猫咪 于 2022-3-10 20:40 编辑 <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:1008px;height: 240px; text-align:center;">
      <img alt="" src="https://s3.bmp.ovh/imgs/2022/03/3c2d82fcb9d97466.gif" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:1000px; left:148px; top: 166px; text-align:center;">

<center >

                <p><audio id="music" src="http://music.163.com/song/media/outer/url?id=224112.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>

<br><br><br><br>

大猫咪 发表于 2022-3-9 19:15

晕，编辑被帖挡住了{:5_102:} 尺寸错误 {:5_107:}

红影 发表于 2022-3-9 19:54

我来试试

红影 发表于 2022-3-9 20:07

现在能编辑了，猫猫可以试着编辑了。

大猫咪 发表于 2022-3-9 20:07

红影 发表于 2022-3-9 20:07
现在能编辑了，猫猫可以试着编辑了。

好，谢谢动影，辛苦啦 {:4_204:}{:4_190:}

大猫咪 发表于 2022-3-9 20:09

@四海八荒

大猫咪 发表于 2022-3-9 20:10

哈哈喜欢这图片， 送四海兄， {:4_187:} 祝一切安好{:4_204:}{:4_190:}

樵歌 发表于 2022-3-9 20:31

好了漂亮呵！{:4_204:}

冬天的雨 发表于 2022-3-9 21:08

猫儿这个图图也是很漂亮，真会选图{:4_199:}

冬天的雨 发表于 2022-3-9 21:09

下面怎么有个空的间隔

冬天的雨 发表于 2022-3-9 21:10

八荒收礼开心{:4_187:}

大猫咪 发表于 2022-3-9 21:14

冬天的雨 发表于 2022-3-9 21:09
下面怎么有个空的间隔

图尺寸小了，不知道为什么兄弟 {:4_189:}头大{:5_106:}

红影 发表于 2022-3-9 21:37

大猫咪 发表于 2022-3-9 20:07
好，谢谢动影，辛苦啦

不客气啊，猫猫选的图图都很漂亮的{:4_187:}

四海八荒 发表于 2022-3-9 21:39

谢谢大猫咪{:4_204:}绝美的景色，雪山出平湖，云雪一色，海天一色。遗世独立。干净纯洁。

大猫咪 发表于 2022-3-9 21:41

四海八荒 发表于 2022-3-9 21:39
谢谢大猫咪绝美的景色，雪山出平湖，云雪一色，海天一色。遗世独立。干净纯洁。

不客气啊四海兄， 晚上好   俺感觉你会喜欢这图，就是小了点，刚学习，先收着   {:5_117:}

冬天的雨 发表于 2022-3-9 21:42

大猫咪 发表于 2022-3-9 21:41
不客气啊四海兄， 晚上好   俺感觉你会喜欢这图，就是小了点，刚学习，先收着

猫儿，下面为什么有空格

大猫咪 发表于 2022-3-9 21:42

冬天的雨 发表于 2022-3-9 21:42
猫儿，下面为什么有空格

不知道啊兄弟，你帮猫看看{:5_117:}{:4_179:}

冬天的雨 发表于 2022-3-9 21:45

大猫咪 发表于 2022-3-9 21:42
不知道啊兄弟，你帮猫看看

我看看，我也是不懂的

冬天的雨 发表于 2022-3-9 22:12

大猫咪 发表于 2022-3-9 21:14
图尺寸小了，不知道为什么兄弟   头大

猫儿这个问题我也是不懂了{:4_192:}

大猫咪 发表于 2022-3-9 22:13

冬天的雨 发表于 2022-3-9 22:12
猫儿这个问题我也是不懂了

哈哈   兄弟辛苦了，不用搞了，等辣椒空了上来看看{:5_106:}{:4_179:}
页: [1] 2
查看完整版本: 雪山TO--四海八荒