千羽 发表于 2022-3-12 22:35

【别送我】 致小辣椒

<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: -400px; top: 150px; width:1369px;text-align:center;">
      <img alt="" src="http://www.hongrenju.net/data/attachment/forum/202203/12/223112q3stunu7k7zgtxfg.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:250px; left:300px; top: 160px; text-align:center;">

<center >
<p ><font color="#DF7401" size="3" >

               <marqueescrollamount="4" direction="left" >别送我
送别我 送别我
请送别我 请送别我
此去不知道归期 请送别我
别送我 说再见吧
故乡已在身后了
你不要再想起我 请别送我
你不要再想起我 请别送我 </marquee>
                <p><audio id="music" src="http://music.163.com/song/media/outer/url?id=456185374.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
            <div style="position:absolute; width:250px; left:300px; top: 500px; 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-12 22:38

本帖最后由 千羽 于 2022-3-12 22:40 编辑

这代码是小辣椒发我的，只好做了，否则我就偷懒了……{:4_173:}


千羽 发表于 2022-3-12 22:40

谢谢小辣椒，辛苦了{:4_179:} @{:4_195:}

加林森 发表于 2022-3-12 22:46

我不送你的！{:4_189:}由小辣椒送你！{:4_189:}
好漂亮的制作，千羽厉害啊！{:4_187:}

加林森 发表于 2022-3-12 22:48

好听好看的制作！千羽真厉害！赞~~~~~~~~~~~~~~~{:4_187:}

千羽 发表于 2022-3-12 22:49

加林森 发表于 2022-3-12 22:46
我不送你的！由小辣椒送你！
好漂亮的制作，千羽厉害啊！

哈哈，队长真逗，谢谢鼓励哦{:4_187:}

加林森 发表于 2022-3-12 22:49

@小辣椒   帮喊{:4_195:}

千羽 发表于 2022-3-12 22:50

加林森 发表于 2022-3-12 22:48
好听好看的制作！千羽真厉害！赞~~~~~~~~~~~~~~~

千羽一点也不厉害，用小辣椒发的代码做的{:4_173:}

加林森 发表于 2022-3-12 22:51

千羽 发表于 2022-3-12 22:49
哈哈，队长真逗，谢谢鼓励哦

真的漂亮。我只有帮喊了。{:4_189:}

加林森 发表于 2022-3-12 22:53

千羽 发表于 2022-3-12 22:50
千羽一点也不厉害，用小辣椒发的代码做的

你的制作图片处理得真漂亮，我还不会呢。

千羽 发表于 2022-3-12 22:53

加林森 发表于 2022-3-12 22:51
真的漂亮。我只有帮喊了。

图是现成的，标题是凑合的……谢队长鼓励哈{:4_187:}

加林森 发表于 2022-3-12 22:54

千羽 发表于 2022-3-12 22:53
图是现成的，标题是凑合的……谢队长鼓励哈

应该的应该的。开心就好啊！{:4_190:}

千羽 发表于 2022-3-12 22:54

加林森 发表于 2022-3-12 22:53
你的制作图片处理得真漂亮，我还不会呢。

队长学啥都挺快的，现在都会做各式的代码图了，佩服一个{:4_187:}

加林森 发表于 2022-3-12 22:55

千羽 发表于 2022-3-12 22:54
队长学啥都挺快的，现在都会做各式的代码图了，佩服一个

谢谢千羽鼓励！{:4_204:}

千羽 发表于 2022-3-12 22:56

加林森 发表于 2022-3-12 22:55
谢谢千羽鼓励！

本来就是嘛，不用谢{:4_181:}

加林森 发表于 2022-3-12 22:57

千羽 发表于 2022-3-12 22:56
本来就是嘛，不用谢

{:4_181:}

红影 发表于 2022-3-12 23:08

羽儿也学会做这样的帖子了，图图设计好漂亮。小辣椒亲爱的快来收礼@小辣椒 {:4_187:}

千羽 发表于 2022-3-12 23:14

红影 发表于 2022-3-12 23:08
羽儿也学会做这样的帖子了，图图设计好漂亮。小辣椒亲爱的快来收礼@小辣椒

问好影子。小辣椒昨晚发给我东篱老师图的代码，只能做了{:4_173:}

红影 发表于 2022-3-13 14:20

千羽 发表于 2022-3-12 23:14
问好影子。小辣椒昨晚发给我东篱老师图的代码，只能做了

羽儿做得很漂亮呢，很赞的{:4_187:}

清儿幽幽 发表于 2022-3-13 16:29

一把红伞点亮了主题
一笑回眸倾国倾城
同步歌词 好棒欣赏
页: [1] 2 3 4 5
查看完整版本: 【别送我】 致小辣椒