加林森 发表于 2022-2-11 21:52

《桃夭》-李雨

<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/620664cb2ab3f51d919ef9b5.gif" /></p>
         
                <h2 style="padding-bottom: 8px;">《桃夭》</h2>
               
                <h2 style="text-align:center;">李雨</h2>
         <pre>
                           
                                  记忆 是深睡的气息
                                  翻涌 在每个缝隙里
                                  浅梦 像檐下的铜铃
                                  风一吹 就被唤醒
                                  命运 是生来就注定
                                  挣扎 还以为能逃离
                                  是谁 愿陪我逆天而行
                                  竟敢不在乎结局
                                  桃枝姣姣春和里
                                  红墙尤叹风语细
                                  墙下蒙童不知情
                                  驻而嬉 笑蝶独酌一花蜜
                                  桃之夭夭秦喻语
                                  宜家宜室逸夫妻
                                  奈何浅缘寄深情
                                  惟天命 且择秋日绘双喜
                                  命运 是生来就注定
                                  挣扎 还以为能逃离
                                  是谁 愿陪我逆天而行
                                  竟敢不在乎结局
                                  桃枝姣姣春和里
                                  红墙尤叹风语细
                                  墙下蒙童不知情
                                  驻而嬉 笑蝶独酌一花蜜
                                  桃之夭夭秦喻语
                                  宜家宜室逸夫妻
                                  奈何浅缘寄深情
                                  惟天命 且择秋日绘双喜
                                  桃枝姣姣春和里
                                  红墙尤叹风语细
                                  墙下蒙童不知情
                                  驻而嬉 笑蝶独酌一花蜜
                                  桃之夭夭秦喻语
                                  宜家宜室逸夫妻
                                  奈何浅缘寄深情
                                  惟天命 且择秋日绘双喜
                                  。。。。。。<br>








                        </pre>
          <div style="position:absolute; width:120px; left:300px; top: 1200px; text-align:center;">
          <p ><font color="#000000" size="2" >
      <marqueescrollamount="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/88599.mp3" loop="loop" autoplay="autoplay" ></audio> </p>
                <p><button id="picBtn" class="picBtn"></button></p><br>
                           <p>加林森2022 02 11</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>

红影 发表于 2022-2-11 22:25

队长现在找的都是动图的呢，好看{:4_187:}

加林森 发表于 2022-2-11 22:47

红影 发表于 2022-2-11 22:25
队长现在找的都是动图的呢，好看

是的，改天制作一个小辣椒的大画面出来。{:4_189:}

马黑黑 发表于 2022-2-12 11:43

( ^_^ )不错嘛

加林森 发表于 2022-2-12 12:10

马黑黑 发表于 2022-2-12 11:43
( ^_^ )不错嘛

谢谢老黑。都是你教大家的，感谢你了！{:4_191:}

红影 发表于 2022-2-12 13:57

加林森 发表于 2022-2-11 22:47
是的，改天制作一个小辣椒的大画面出来。

嗯嗯，很不错。

加林森 发表于 2022-2-12 16:51

红影 发表于 2022-2-12 13:57
嗯嗯，很不错。

红影你也去制作一个出来看看效果啊。

红影 发表于 2022-2-12 18:33

加林森 发表于 2022-2-12 16:51
红影你也去制作一个出来看看效果啊。

有队长做这么多就行了，我就算了{:4_173:}

加林森 发表于 2022-2-12 18:37

红影 发表于 2022-2-12 18:33
有队长做这么多就行了，我就算了

哈哈，这么样的啊。

红影 发表于 2022-2-12 19:19

加林森 发表于 2022-2-12 18:37
哈哈，这么样的啊。

有的欣赏就好啊{:4_173:}

加林森 发表于 2022-2-12 19:21

红影 发表于 2022-2-12 19:19
有的欣赏就好啊

好好享受吧。{:4_189:}
页: [1]
查看完整版本: 《桃夭》-李雨