加林森 发表于 2022-4-2 22:15

《铁血丹心 (并四版)》 -- 罗文、甄妮


<style type="text/css">
/* 外框盒子 */
#ces { position: relative; left:-205px; top:150px; width: 1024px; height: 600px;background:#333 url('https://pic.imgdb.cn/item/6248585727f86abb2a56e872.jpg') no-repeat center/cover;
      opacity: 0.8; box-shadow: 4px 4px 5px #888;border-radius:12px;}
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
      margin: auto;
      width: 360px;
      text-align: center;
      font-size: 3.8rem;
      font-weight: bold;
      color: #FFFFFF;
      transform-origin: top;
      animation: yao 0.8s linear infinite alternate;
}
/* 动画 */
@keyframes yao {
      from{transform: perspective(800px) rotatex(30deg); }
      to { transform: perspective(800px) rotatex(-30deg); }
}
/* 播放按钮 */
.picBtn {
      width: 100px;
      height: 89px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://pic.imgdb.cn/item/6243df5b27f86abb2a5598f1.gif') no-repeat;
      cursor: pointer;
}
</style>

<div id="ces" >
      <div id="baiBox" style="position: absolute; left:580px; top: 20px; ">铁血丹心</div>
      <div style="position: absolute; left:140px; top: 350px; width:600px;text-align:center;">
                <img alt="" src="https://pic.imgdb.cn/item/6247e3c027f86abb2a56f17a.gif"/>
                  
<p ><font color="#ffffff" size="4" >
         
                <div style="position:absolute; width:260px; left:160px; top: 160px; text-align:center;padding:5px;font-size:1.em;font-family:'微软雅黑';text-shadow:1px 1px 1px #000;">
                        <marqueescrollamount="4" direction="left" > 《铁血丹心(并四版)》 -- 罗文、甄妮
</marquee>
                </div>
      </div>
      <!-- 控制按钮应是父盒子的第一代子元素 -->
         <button id="picBtn" class="picBtn"></button>
      <audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/04/02/5f3a73e59f19760c4c5b671300c9dce4.mp3" loop="loop" autoplay="autoplay" ></audio>
</div>
</div>
<!-- 播放器不要界面，无需放在帖子父盒子内 -->
<script language="javascript">

</script>
<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/6243df5b27f86abb2a5598f1.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/6243df9527f86abb2a5660b9.png')");
}
mu.addEventListener("ended", function(){
      btn.style.background="url('https://pic.imgdb.cn/item/6243df9527f86abb2a5660b9.png')";
});

</script>

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

加林森 发表于 2022-4-2 22:17

铁血丹心 (并四版) Lyrics
铁血丹心(并四版) - 甄妮&罗文
词：邓伟雄 曲：顾嘉辉
依稀往梦似曾见
心里波澜现
抛开世事断愁怨
相伴到天边
逐草四方沙漠苍茫（冷风吹天苍苍）
哪惧雪霜扑面（藤树相连）
射雕引弓塞外奔驰（猛风沙野茫茫）
笑傲此生无厌倦（藤树两缠绵）
天苍苍野茫茫（应知爱意似流水）
万般变幻（斩不断理还乱）
身经百劫也在心间
恩义两难断
逐草四方沙漠苍茫（冷风吹天苍苍)
哪惧雪霜扑面（藤树相连)
射雕引弓塞外奔驰(猛风沙野茫茫)
笑傲此生无厌倦(藤树两缠绵)
依稀往梦似曾见
心里波澜现
抛开世事断愁怨
相伴到天边
逐草四方沙漠苍茫（冷风吹天苍苍）
哪惧雪霜扑面（藤树相连）
射雕引弓塞外奔驰（猛风沙野茫茫）
笑傲此生无厌倦（藤树两缠绵）
天苍苍野茫茫（应知爱意似流水）
万般变幻（斩不断理还乱）
身经百劫也在心间
恩义两难断
逐草四方沙漠苍茫（冷风吹天苍苍)
哪惧雪霜扑面（藤树相连)
射雕引弓塞外奔驰(猛风沙野茫茫)
笑傲此生无厌倦(藤树两缠绵)
依稀往梦似曾见
心里波澜现
抛开世事断愁怨
相伴到天边
逐草四方沙漠苍茫（冷风吹天苍苍）
哪惧雪霜扑面（藤树相连）
射雕引弓塞外奔驰（猛风沙野茫茫）
笑傲此生无厌倦（藤树两缠绵）
天苍苍野茫茫（应知爱意似流水）
万般变幻（斩不断理还乱）
身经百劫也在心间
恩义两难断
逐草四方沙漠苍茫（冷风吹天苍苍)
哪惧雪霜扑面（藤树相连)
射雕引弓塞外奔驰(猛风沙野茫茫)
笑傲此生无厌倦(藤树两缠绵)
天苍苍野茫茫（应知爱意似流水)
万般变幻（斩不断理还乱)
身经百劫也在心间
恩义两难断
身经百劫也在心间
恩义两难断

马黑黑 发表于 2022-4-2 22:25

老歌

加林森 发表于 2022-4-2 23:07

马黑黑 发表于 2022-4-2 22:25
老歌

恢复老歌曲的。

马黑黑 发表于 2022-4-2 23:42

加林森 发表于 2022-4-2 23:07
恢复老歌曲的。

哦

加林森 发表于 2022-4-2 23:44

马黑黑 发表于 2022-4-2 23:42
哦

谢谢！

小九 发表于 2022-4-3 09:03

经典!{:4_190:}

大猫咪 发表于 2022-4-3 10:49

经典咏流传{:4_187:}{:4_204:}回忆满满{:4_190:}

加林森 发表于 2022-4-3 12:28

小九 发表于 2022-4-3 09:03
经典!

小九中午好！{:4_190:}

加林森 发表于 2022-4-3 12:28

大猫咪 发表于 2022-4-3 10:49
经典咏流传回忆满满

猫猫中午好。{:4_190:}
页: [1]
查看完整版本: 《铁血丹心 (并四版)》 -- 罗文、甄妮