《下辈子也要找到你》张艾文

元首 · 发表于 2022-2-10 22:01

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由元首于 2022-2-12 13:07 编辑 <br /><br /><style type="text/css">
.mnBox {
      position: relative;
      margin: 0 auto;
      padding: 35px;
      width: 660px;
      border: none;
      border-top: 6px solid #000;  /* 顶部边框样式*/
      border-radius: 10px;
      background: #b3c3c3;
}
.ctBox {
      margin: 0;
      padding: 30px;
      background: #fff;
      min-height: 300px;
      border-radius: 10px;

}

.ctBox p,img, h2,button { text-align:center; }

.picBtn {
      width: 46px;
      height: 47px;
      outline: none;
      border: none;
      border-radius: 8px;
      background: transparent url('https://pic.imgdb.cn/item/62035ac42ab3f51d91f4aed2.png') no-repeat;
      cursor: pointer;

}

.picBtn:hover {
      opacity: 0.95;

}

.picBtn:active {
      opacity: 0.8;

}

</style>

<div class="mnBox">
      <div class="ctBox">

            <p><img alt="550 height="366"="" src="https://pic.imgdb.cn/item/62052d092ab3f51d91a065c9.gif" /></p>

            <h2 style="padding-bottom: 8px;">《下辈子也要找到你》</h2>

            <h2 style="text-align:center;">张艾文</h2>
         <pre>
                           下辈子也要找到你 - 张艾文 (Evan Zhang)

                                 词：张艾文<br>

                                 曲：张艾文<br>

                                 写给你的信一去没音讯<br>

                                 就连手机你也关了机<br>

                                 我找不到你你到底在哪里<br>

                                 好久没有你的消息你的声音<br>

                                 所有的飞机早已经落了地<br>

                                 我还以为你在等待你的行李<br>

                                 查旅客名字没有你的登记<br>

                                 坐在回家的 TEXI 里沿途找你<br>

                                 把你的名字写在烟上吸进肺里<br>

                                 让你保持离我心脏最近的距离<br>

                                 再也不用担心会和你断了联系<br>

                                 一辈子也要在一起<br>

                                 把你的名字写在烟上吸进肺里<br>

                                    。。。。。。<br>

                     </pre>
      <div style="position:absolute; width:120px; left:300px; top: 1650px; text-align:center;">
      <p ><font color="#000000" size="2" >
      <marquee  scrollamount="2" direction="left" >《下辈子也要找到你》-张艾文</marquee>
      <div style="position:absolute; width:150px; left:-10px; top: 40px; text-align:center;">

            <p><audio id="music" src="https://www.joy127.com/url/88587.mp3" loop="loop" autoplay="autoplay" ></audio> </p>
            <p><button id="picBtn" class="picBtn"></button></p><br>
                        <p>元首  2022 02 10</p>

         </div>
      </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/62035ac42ab3f51d91f4aed2.png')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/62035b2c2ab3f51d91f51644.png')");
}

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

</script>