《在他乡》 -- 程响
本帖最后由 加林森 于 2022-3-31 23:19 编辑 <br /><br /><style type="text/css">/* 帖子容器 */
#tzDiv {
position: relative;
left: -214px;
width: 1024px;
height: 600px;
top: 80px;
background: #eee url('https://pic.imgdb.cn/item/6245c5d427f86abb2a13aa8d.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('https://pic.imgdb.cn/item/622a00ea5baa1a80ab412ada.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=1915191923.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/622a00ea5baa1a80ab412ada.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/622a01115baa1a80ab414665.png')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://pic.imgdb.cn/item/622a01115baa1a80ab414665.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>
本帖最后由 加林森 于 2022-3-31 18:16 编辑
在他乡--程响
作词 : 卢庚戌
作曲 : 李健
编曲 : 華子（刘圣华）
制作人 : 刘芳
我多想回到家乡
再回到她的身旁
看她的温柔善良
来抚慰我的心伤
那一夜
那年你踏上暮色他乡
你以为那里有你的理想
你看着周围陌生目光
清晨醒来却没人在身旁
人静的雨夜想起了她
她的挽留还萦绕耳旁
想起离别她带泪的脸庞
你忍不住的哭出声响
我多想回到家乡
再回到她的身旁
看她的温柔善良
来抚慰我的心伤
就让我回到家乡
再回到她的身旁
让她的温柔善良
来抚慰我的心伤
那一夜
那年你一人迷失他乡
你想的未来还不见模样
你看着那些陌生目光
不知道这条路还有多长
我多想回到家乡
再回到她的身旁
看她的温柔善良
来抚慰我的心伤
就让我回到家乡
再回到她的身旁
让她的温柔善良
来抚慰我的心伤
就让我回到家乡
再回到她的身旁
看她的温柔善良
来抚慰我的心伤
就让我回到家乡
再回到她的身旁
让她的温柔善良
来抚慰我的心伤
那一夜 那一夜 那一夜
《在他乡》是程响演唱的歌曲，发行于2022年1月26日，收录于同名专辑《在他乡》中。
很巧，昨天央视音悦台正好播放了水木年华唱这首歌。 上海朝阳 发表于 2022-3-31 18:35
很巧，昨天央视音悦台正好播放了水木年华唱这首歌。
这首歌曲很好听的。{:4_190:} 好听。欣赏队长好帖{:4_187:} 队长这制作真漂亮，越来越棒了，歌也非常好听， 好分享，晚上好！
{:4_204:}{:4_199:} 帖子漂亮
程响的音色不错 红影 发表于 2022-3-31 20:41
好听。欣赏队长好帖
小姑娘才出来的，唱的很不错的。{:4_204:} 大猫咪 发表于 2022-3-31 20:51
队长这制作真漂亮，越来越棒了，歌也非常好听， 好分享，晚上好！
谢谢猫猫支持！{:4_204:}{:4_190:} 马黑黑 发表于 2022-3-31 20:53
帖子漂亮
程响的音色不错
就是，小姑娘才出来的，唱的好听。 加林森 发表于 2022-3-31 21:11
谢谢猫猫支持！
{:4_179:}队长真棒 大猫咪 发表于 2022-3-31 21:32
队长真棒
猫猫你也挺好的啊。{:4_179:} 加林森 发表于 2022-3-31 21:11
就是，小姑娘才出来的，唱的好听。
哦，不认识的 马黑黑 发表于 2022-3-31 23:06
哦，不认识的
我也不认识啊，就是听见她唱的歌曲好听，就制作了一个出来。{:5_117:} 红影 发表于 2022-3-31 20:41
好听。欣赏队长好帖
我有换了图片。{:5_117:} 马黑黑 发表于 2022-3-31 23:06
哦，不认识的
我有换了图片。{:5_117:} 大猫咪 发表于 2022-3-31 20:51
队长这制作真漂亮，越来越棒了，歌也非常好听， 好分享，晚上好！
我有换了图片。{:5_117:} 这个也漂亮 和歌融合的真好队长{:4_187:} 大猫咪 发表于 2022-3-31 23:25
这个也漂亮 和歌融合的真好队长
就是她唱的。{:4_179:} 加林森 发表于 2022-3-31 23:29
就是她唱的。
非常好听{:4_179:}
页:
[1]
2