加林森 发表于 2022-4-2 18:11

《成吉思汗的传说》 -- 娜仁齐齐格


<style type="text/css">
/* 外框盒子 */
#ces { position: relative; left:-205px; top:150px; width: 1024px; height: 600px;background:#333 url('https://pic.imgdb.cn/item/6248195027f86abb2ac94c9f.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:100px; top: 20px; ">成吉思汗的传说</div>
      <div style="position: absolute; left:20px; 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://music.163.com/song/media/outer/url?id=280280.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 18:21



成吉思汗的传说 - 娜仁齐齐格

所属专辑：草原圣音

风从草原走过
吹散多少传说
留下的只有你的故事
美酒和奶茶酿成了歌
马背上的家园
因美丽而辽阔
到处传扬你的功德
在牧人心头铭刻
深深的铭刻
啊 嗬嗬嗬
啊嗬啊嗬嗬嗬
啊嗬啊嗬嗬
啊啊啊啊 哎
每一个降生的婴儿
都有你的血性
每一张牧人的脸庞
都有你的轮廓
每一座毡包的梦里
都有你打马走过
每一个降生的婴儿
都有你的血性
每一张牧人的脸庞
都有你的轮廓
每一座毡包的梦里
都有你打马走过
每一座毡包的梦里
都有你打马走过



马黑黑 发表于 2022-4-2 18:32

歌不错，帖子做的出色。

但说到成吉思汗，也许值得思考。成吉思汗时代，及其其子孙所延续的，是整个世界的痛，是中国历史的痛点之一。

历史的长河里，文明，正如歌里所描述的那样的美的文明，都是从血腥里爬出来的。我反战，但是，反战并不能止住人类的相互残杀，所以只能支持以战止战，最终，战争从未停止过。

加林森 发表于 2022-4-2 18:47

马黑黑 发表于 2022-4-2 18:32
歌不错，帖子做的出色。

但说到成吉思汗，也许值得思考。成吉思汗时代，及其其子孙所延续的，是整个世界 ...

老黑是的很准确。只要有人的地方，大约都离不这些的。

红影 发表于 2022-4-2 19:30

又是两只漂亮的鹰，用在蒙古元素的背景下特别合适呢。欣赏队长好帖{:4_187:}

加林森 发表于 2022-4-2 19:40

红影 发表于 2022-4-2 19:30
又是两只漂亮的鹰，用在蒙古元素的背景下特别合适呢。欣赏队长好帖

是的，这次把播放器放上去飞了。
页: [1]
查看完整版本: 《成吉思汗的传说》 -- 娜仁齐齐格