大猫咪 发表于 2022-3-6 12:54

乌兰巴托的夜

本帖最后由 大猫咪 于 2022-4-16 13:34 编辑 <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://pic.imgdb.cn/item/62244e825baa1a80ab22d9b5.jpg" 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=434871558.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 13:10

很美好的场景，静谧无人，适合思念。猫猫地方制作真美{:4_187:}

红影 发表于 2022-3-6 13:13

看到芦苇丛上漂着一行字：谢谢黑黑、辣椒{:4_173:}

大猫咪 发表于 2022-3-6 13:13

红影 发表于 2022-3-6 13:10
很美好的场景，静谧无人，适合思念。猫猫地方制作真美

哈哈   红影 {:4_187:}在学习第2个{:5_117:}{:4_179:}

大猫咪 发表于 2022-3-6 13:37

红影 发表于 2022-3-6 13:13
看到芦苇丛上漂着一行字：谢谢黑黑、辣椒

该了个图 {:5_117:}就是喇叭位置不知道怎么改，一会问问辣椒   {:5_106:}

加林森 发表于 2022-3-6 13:49

猫猫的这个播放器漂亮。可以调整到左下角，这样图片就突出出来了。一点小建议。

大猫咪 发表于 2022-3-6 13:50

加林森 发表于 2022-3-6 13:49
猫猫的这个播放器漂亮。可以调整到左下角，这样图片就突出出来了。一点小建议。

不知道怎么调整啊队长 {:5_117:}

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

大猫咪 发表于 2022-3-6 13:50
不知道怎么调整啊队长

最好找你的老师教你。{:4_189:}

冬天的雨 发表于 2022-3-6 13:55

猫儿的图图尺寸和实际尺寸不相符

大猫咪 发表于 2022-3-6 13:59

加林森 发表于 2022-3-6 13:54
最好找你的老师教你。

嗯嗯    {:5_106:}   

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

冬天的雨 发表于 2022-3-6 13:55
猫儿的图图尺寸和实际尺寸不相符

我上剪下来的图图，哈哈    冬天兄弟来了，开心{:4_187:}周末快乐 {:4_191:}

岩新新 发表于 2022-3-6 14:02

欣赏精彩制作！

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

冬天的雨 发表于 2022-3-6 13:55
猫儿的图图尺寸和实际尺寸不相符

不知道能不能改啊冬雨{:4_187:}

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

岩新新 发表于 2022-3-6 14:02
欣赏精彩制作！

谢谢新新支持鼓励，周末快乐！{:4_204:}{:4_190:}

冬天的雨 发表于 2022-3-6 14:05

大猫咪 发表于 2022-3-6 14:01
我上剪下来的图图，哈哈    冬天兄弟来了，开心周末快乐

猫儿 现在进去看看，改了图片的尺寸

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

冬天的雨 发表于 2022-3-6 14:05
猫儿 现在进去看看，改了图片的尺寸

哈哈   真漂亮，现在看起来特别舒服了，谢谢冬雨{:4_179:} 辛苦了{:4_191:}

红影 发表于 2022-3-6 16:18

大猫咪 发表于 2022-3-6 13:13
哈哈   红影 在学习第2个

嗯嗯，猫猫学的很棒的{:4_187:}

红影 发表于 2022-3-6 16:19

大猫咪 发表于 2022-3-6 13:37
该了个图 就是喇叭位置不知道怎么改，一会问问辣椒

现在看着很好的啊{:4_187:}

加林森 发表于 2022-3-6 17:08

大猫咪 发表于 2022-3-6 13:59
嗯嗯

现在就变漂亮了。

大猫咪 发表于 2022-3-6 19:35

红影 发表于 2022-3-6 16:19
现在看着很好的啊

哈哈   冬雨帮猫改好了   {:4_187:}
页: [1] 2
查看完整版本: 乌兰巴托的夜