《绿叶对根的情意》 -- 刘欢 TO：马黑黑

加林森 发表于 2022-4-1 23:12

本帖最后由加林森于 2022-4-1 23:38 编辑 <br /><br /><style type="text/css">
/* 帖子容器 */
#tzDiv {
   position: relative;
   left: -214px;
   width: 1024px;
   height: 700px;
   top: 80px;
   background: #eee url('https://pic.imgdb.cn/item/6247140727f86abb2a3ee440.jpg') no-repeat center/cover;
   opacity: 0.8;
}
/* 音乐控制按钮 */
.picBtn {
   position: absolute;
   width: 100px;
   height: 100px;
   left: 180px;
   bottom: 60px;
   border: none;
   outline: none;
   border-radius: 8px;
   background: transparent url('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.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>
   <button id="picBtn" class="picBtn"></button>
   <audio id="music" src="http://music.163.com/song/media/outer/url?id=109200.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('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/202202230106029651-5087368.gif')");
}

mu.addEventListener("ended", function(){
   btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/202202230106029651-5087368.gif')";
});
//创建走马灯
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>

加林森 发表于 2022-4-1 23:12

@马黑黑

加林森 发表于 2022-4-1 23:21

本帖最后由加林森于 2022-4-1 23:23 编辑

绿叶对根的情意 (Live) -- 刘欢
所属专辑：经典20年珍藏锦集
不要问我到哪里去我的心依着你
不要问我到哪里去我的情牵着你
我是你的一片绿叶，
我的根在你的土地
春风中告别了你，
今天这方明天那里
不要问我到哪里去我的心依着你
不要问我到哪里去我的情牵着你
无论我停在那片云彩，
我的眼总是投向你
如果我在风中歌唱，
那歌声也是为着你
唔......
不要问我到哪里去
我的路上充满回忆
请你祝福我我也祝福你
这是绿叶对根的情意
不要问我到哪里去我的心依着你
不要问我到哪里去我的情牵着你
我是你的一片绿叶，
我的根在你的土地
春风中告别了你，
今天这方明天那里
唔......
不要问我到哪里去
我的路上充满回忆
请你祝福我我也祝福你
这是绿叶对根的情意
不要问我你不要问我到哪里去
我是你的一片绿叶，
我的根在你的土地
这是绿叶对根的情意

马黑黑 发表于 2022-4-2 08:04

老歌

红影发表于 2022-4-2 09:01

很漂亮的制作。这个数字钟真好，每次能直接看到世间。这首歌曲很柔情。黑黑收礼开心{:4_187:}

红影发表于 2022-4-2 09:02

绿叶对根的情意，想起黑黑做的绿叶效果。黑黑就是我们学习代码的根。队长这个歌曲选得好{:4_199:}

加林森 发表于 2022-4-2 09:35

马黑黑发表于 2022-4-2 08:04
老歌

老黑上午好！

加林森 发表于 2022-4-2 09:35

红影发表于 2022-4-2 09:01
很漂亮的制作。这个数字钟真好，每次能直接看到世间。这首歌曲很柔情。黑黑收礼开心

谢谢红影支持！{:4_204:}

加林森 发表于 2022-4-2 09:37

红影发表于 2022-4-2 09:02
绿叶对根的情意，想起黑黑做的绿叶效果。黑黑就是我们学习代码的根。队长这个歌曲选得好

红影说得好，我们跟着老黑学习，他是代码根，我们是绿叶。{:4_187:}

红影发表于 2022-4-2 12:52

加林森发表于 2022-4-2 09:37
红影说得好，我们跟着老黑学习，他是代码根，我们是绿叶。

是的，我们这些叶子离了根就没法存活了呢{:4_173:}

加林森 发表于 2022-4-2 13:00

红影发表于 2022-4-2 12:52
是的，我们这些叶子离了根就没法存活了呢

嗯嗯，有点像哈。{:4_189:}

大猫咪 发表于 2022-4-2 13:18

制作好棒，队长PP选的特别温暖，看着舒服，真棒！老黑黑收礼开心！

{:4_204:}{:4_199:}

加林森 发表于 2022-4-2 13:25

大猫咪发表于 2022-4-2 13:18
制作好棒，队长PP选的特别温暖，看着舒服，真棒！老黑黑收礼开心！

你也很会找图片的，挺好的。{:4_204:}{:4_190:}

红影发表于 2022-4-2 13:56

加林森发表于 2022-4-2 13:00
嗯嗯，有点像哈。

觉得队长这个帖子的歌曲选得特别好的呢{:4_187:}

加林森 发表于 2022-4-2 14:01

红影发表于 2022-4-2 13:56
觉得队长这个帖子的歌曲选得特别好的呢

送给老黑的必须先选好的嘛。

红影发表于 2022-4-2 14:48

加林森发表于 2022-4-2 14:01
送给老黑的必须先选好的嘛。

和队长一起对黑黑发挥根的作用表示感谢{:4_187:}

加林森 发表于 2022-4-2 16:48

红影发表于 2022-4-2 14:48
和队长一起对黑黑发挥根的作用表示感谢

嗯嗯，应该的。{:4_171:}

页: [1]

花潮论坛's Archiver

《绿叶对根的情意》 -- 刘欢 TO：马黑黑