《江湖酒》 -- 关剑、蒙面哥

加林森 发表于 2022-4-8 18:01

本帖最后由加林森于 2022-4-8 21:58 编辑 <br /><br /><style type="text/css">
/* 帖子容器 */
#tzDiv {
   position: relative;
   left: -302px;
   width: 1200px;
   height: 600px;
   top: 80px;
   background: #eee url('https://pic.imgdb.cn/item/624fff80239250f7c550ca46.jpg') no-repeat center/cover;
   opacity: 0.8;
}

/* 音乐控制按钮 */
.picBtn {
   position: absolute;
   width: 100px;
   height: 100px;
   left: 160px;
   bottom: 60px;
   border: none;
   outline: none;
   border-radius: 8px;
   background: transparent url('https://pic.imgdb.cn/item/6243df5b27f86abb2a5598f1.gif') no-repeat;
   cursor: pointer;
}

/* 文本时钟 */
#textClock {
   position: absolute;
   top: 180px;
   right: 200px;
   width: 300px;
   height: 30px;
   font: 20px / 30px Sans-Serif;
   text-align: center;
}
/* 走马灯父框 */
.txtFly {
   position: absolute;
   width: 260px;
   height: 30px;
   right: 100px;
   bottom: 100px;
   overflow: hidden;
}
/* 走马灯文本 */
.txtFly div {
   position: absolute;
   left: 260px;
   font: normal 18px /20px Sans-Serif;
   word-break: keep-all;
   white-space:nowrap;
}

/* 变色文本 */
.txtBg {
   position: absolute;
   top: 80px;
   right: 100px;
   font-size: 4rem;
   color: transparent;
   width: 500px;
   height: 100px;
   line-height: 100px;
   text-align: center;
   background-image: linear-gradient(90deg, green, olive, transparent, tomato, green);
   background-size: 500px 100px;
   background-position: 500px 0;
   border: 1px solid;
   background-clip: text;
   -webkit-background-clip: text;
   animation: chgc 2s linear infinite;
}

/* 文本变色动画 */
@keyframes chgc {
   from { background-position: -500px 0; }
   to { background-position: 0 0; }
}
</style>

<div id="tzDiv">
   <div class="txtBg">江湖酒</div>
   <div id="textClock"></div>
   <div class="txtFly">
            <div id="ziFly">江湖酒-关剑、蒙面哥我喝过了什么酒

女儿红微熏的温柔

行侠仗义剑在手

路见不平一声吼

我喝过了什么酒

英雄豪气中写春秋

儿女情长何处有

红尘江湖爱悠悠

合：

江湖一杯酒快意恩怨仇

我若落草为寇谁伴在我左右

有人天生为王有人被封诸侯

成王败寇我已看透

江湖一杯酒天地乐悠悠

功名利禄不求在这世间行走

只愿豪饮狂川只愿山河依旧

醉里欢笑岁月不回头

关剑：

我喝过了什么酒

女儿红微熏的温柔

行侠仗义剑在手

路见不平一声吼

我喝过了什么酒

英雄豪气中写春秋

儿女情长何处有

红尘江湖爱悠悠

合：

江湖一杯酒快意恩怨仇

我若落草为寇谁伴在我左右

有人天生为王有人被封诸侯

成王败寇我已看透

江湖一杯酒天地乐悠悠

功名利禄不求在这世间行走

只愿豪饮狂川只愿山河依旧

醉里欢笑岁月不回头

江湖一杯酒快意恩怨仇

我若落草为寇谁伴在我左右

有人天生为王有人被封诸侯

成王败寇我已看透

江湖一杯酒天地乐悠悠

功名利禄不求在这世间行走

只愿豪饮狂川只愿山河依旧

醉里欢笑岁月不回头</div>
   </div>
<style>
.cude {
   --xyz: 80px;
   --bb: -40px;
   width: var(--xyz);
   height: var(--xyz);
   position: relative;
   left: 300px; top: 290px;
   transform-style: preserve-3d;
   transform: rotateX(-30deg) rotateY(-80deg);
   transform-origin: 50% 50% 0;
   animation: rot 10s linear infinite;
}
.pae {
   position: absolute;
   left: 0; top: 0;
   width: var(--xyz); height: var(--xyz);
   background: red;
   opacity: .2;
   font: bold 40px / var(--xyz) Arial;
   color: #fff;
   text-align: center;
   text-shadow: 1px 1px 2px #000;
   border:1px solid #333;
}
.front { transform: rotateY(0) translateZ(calc(var(--xyz) / 2)); }
.back { transform: translateZ(var(--bb)) rotateY(180deg); }
.left { transform: rotateY(-90deg) translateZ(calc(var(--xyz) / 2)); }
.right { transform: rotateY(90deg) translateZ(calc(var(--xyz) / 2)); }
.top { transform: rotateX(90deg) translateZ(calc(var(--xyz) / 2)); }
.bottom { transform: rotateX(90deg) translateZ(var(--bb)); }

@-webkit-keyframes rot {
   from { transform: rotateX(0deg) rotateY(0deg); }
   to { transform: rotateX(360deg) rotateY(360deg); }
}
</style>

<div class="cude">
   <div class="pae front">江</div>
   <div class="pae left">湖</div>
   <div class="pae right">酒</div>
   <div class="pae bottom">江</div>
   <div class="pae top">湖</div>
   <div class="pae back">酒</div>
</div>
   <button id="picBtn" class="picBtn"></button>
   <audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/04/07/4bb7498c04b8c9c66e42946bfae200f7.mp3" loop="loop" autoplay="autoplay" ></audio>
</div>

<script language="javascript">

fly(); //运行走马灯
showTime(); //显示时间
setInterval(showTime, 1000); //运行时钟

//文本时钟函数
function showTime(){
   var now = new Date();
   var year = now.getFullYear();
   var month = now.getMonth() + 1;
   var date = now.getDate();
   var day = now.getDay();
   var hour = now.getHours();
   if(hour < 10) hour = "0" + hour;
   var minute = now.getMinutes();
   if(minute < 10) minute = "0" + minute;
   var second = now.getSeconds();
   if(second < 10) second = "0" + second;
   document.getElementById("textClock").innerHTML = year + "年" + month + "月" + date + "日星期" + toHz(day) + "" + hour + ":" + minute + ":" + second;
}
function toHz(num) { var hz = "日一二三四五六九"; return(hz.charAt(num)); }
//音乐控制代码
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')";
});
//创建走马灯
function fly() {
   var ziFly = document.getElementById('ziFly');
   var width = ziFly.clientWidth;
   var style = document.createElement('style');
   style.type = 'text/css';
   var flyStr = '@keyframes fly {to { left: -' + width + 'px; } }';
   style.innerHTML = flyStr;
   ziFly.appendChild(style);
   ziFly.style.animation = 'fly 40s linear infinite';
}
</script>
<br><br><br><br><br>

加林森 发表于 2022-4-8 18:01

本帖最后由加林森于 2022-4-8 18:04 编辑

《江湖酒》是关剑/蒙面哥新出的一首歌曲，最近抖音上刚刚出来，这首歌曲很不错，节奏好，好喜欢的那种古风歌曲，蛮有感觉滴听着，有那种感觉慢慢找回了一亿个伤心。有气势，不一样的画风，举起一樽心的真，不管是追忆，还是相思，满酌何须今夜长，不求醉人，只愿醉心。有人问，为什么你不喜欢吸烟而喜欢喝酒。我说因为喝酒伤的是自己，吸烟还会伤害到别人。

《江湖酒》歌词分享

词：周兵曲：子荣编曲：关剑吉他：关双贝斯：关剑萧：马甲甲二胡：张宝宝录混：何欣合声：子荣/何欣/关剑制作人：关剑监制：子荣关剑：我喝过了什么酒女儿红微熏的温柔行侠仗义剑在手路见不平一声吼我喝过了什么酒英雄豪气中写春秋儿女情长何处有红尘江湖爱悠悠合：江湖一杯酒快意恩怨仇我若落草为寇谁伴在我左右有人天生为王有人被封诸侯成王败寇我已看透江湖一杯酒天地乐悠悠功名利禄不求在这世间行走只愿豪饮狂川只愿山河依旧醉里欢笑岁月不回头关剑：我喝过了什么酒女儿红微熏的温柔行侠仗义剑在手路见不平一声吼我喝过了什么酒英雄豪气中写春秋儿女情长何处有红尘江湖爱悠悠合：江湖一杯酒快意恩怨仇我若落草为寇谁伴在我左右有人天生为王有人被封诸侯成王败寇我已看透江湖一杯酒天地乐悠悠功名利禄不求在这世间行走只愿豪饮狂川只愿山河依旧醉里欢笑岁月不回头江湖一杯酒快意恩怨仇我若落草为寇谁伴在我左右有人天生为王有人被封诸侯成王败寇我已看透江湖一杯酒天地乐悠悠功名利禄不求在这世间行走只愿豪饮狂川只愿山河依旧醉里欢笑岁月不回头

马黑黑 发表于 2022-4-8 18:21

仗剑而行，路见不平一声吼

红影发表于 2022-4-8 18:50

队长的帖子图意和歌曲特别吻合，非常赞{:4_187:}

加林森 发表于 2022-4-8 18:53

马黑黑发表于 2022-4-8 18:21
仗剑而行，路见不平一声吼

老黑晚上好{:4_191:}

加林森 发表于 2022-4-8 18:54

红影发表于 2022-4-8 18:50
队长的帖子图意和歌曲特别吻合，非常赞

刚发现这首歌曲，感觉好听就去找图片了，然后就做出来了。谢谢红影支持！{:4_204:}

马黑黑 发表于 2022-4-8 19:06

加林森发表于 2022-4-8 18:53
老黑晚上好

晚上好

加林森 发表于 2022-4-8 19:25

马黑黑发表于 2022-4-8 19:06
晚上好

喝酒没有啊？

马黑黑 发表于 2022-4-8 20:27

加林森发表于 2022-4-8 19:25
喝酒没有啊？

必须的

加林森 发表于 2022-4-8 20:49

马黑黑发表于 2022-4-8 20:27
必须的

那就好。

马黑黑 发表于 2022-4-8 21:05

加林森发表于 2022-4-8 20:49
那就好。

对，必须好

加林森 发表于 2022-4-8 21:09

马黑黑发表于 2022-4-8 21:05
对，必须好

嗯嗯。

马黑黑 发表于 2022-4-8 22:05

雄壮

加林森 发表于 2022-4-8 22:07

马黑黑发表于 2022-4-8 22:05
雄壮

嗯嗯，感觉一下就灵活了。谢谢老黑！{:4_190:}

马黑黑 发表于 2022-4-8 22:11

加林森发表于 2022-4-8 22:07
嗯嗯，感觉一下就灵活了。谢谢老黑！

的确。本来鹰也是好的，就是你一直用，感觉泛滥了

加林森 发表于 2022-4-8 22:14

马黑黑发表于 2022-4-8 22:11
的确。本来鹰也是好的，就是你一直用，感觉泛滥了

我是根据帖子的内容在变化的，以后还会换另外的。

马黑黑 发表于 2022-4-8 22:20

加林森发表于 2022-4-8 22:14
我是根据帖子的内容在变化的，以后还会换另外的。

如此甚好

红影发表于 2022-4-8 23:31

加林森发表于 2022-4-8 18:54
刚发现这首歌曲，感觉好听就去找图片了，然后就做出来了。谢谢红影支持！

这个图片特别合适呢，队长的帖子越做越好了{:4_187:}

加林森 发表于 2022-4-8 23:33

红影发表于 2022-4-8 23:31
这个图片特别合适呢，队长的帖子越做越好了

跟到学习的。{:4_204:}

红影发表于 2022-4-9 10:03

加林森发表于 2022-4-8 23:33
跟到学习的。

看到队长的印了，不错的{:4_187:}

页: [1] 2

花潮论坛's Archiver

《江湖酒》 -- 关剑、蒙面哥