张红 发表于 2023-3-29 20:45

踏着夕阳归去 - 姚璎格


<style>
#bj {
   position: relative;
margin-LEFT:0px;
   margin-top:33px;
   width: 873px;
   height: 480px;
box-shadow:0px 0px 0px 2px #ff00ff, 0px 0px 0px 15px #880000;
background-blend-mode: screen, normal;
   background: url('http://storage.live.com/items/1965B2B1656C2AF6!16275?') no-repeat, url('http://chuangshicdn.data.mvbox.cn/album/22/03/14/22031417263445440463.gif') no-repeat center/cover;}
#lrcbox {width: 873px;
      transform: translate(-90px, -60px);
      font: bold 2.5em sans-serif;
      color: #00000;
       -webkit-text-stroke:1px #ff00ff;
      font-family:迷你简中倩;
      cursor: pointer;
      position: absolute;
      z-index: 5;
}
.wzsd1 { animation: wzsd 0.86s linear infinite ; }
@keyframes wzsd {
from {opacity: 1;filter:hue-rotate(360deg)contrast(180%)brightness(200%);}
50% {opacity: 1;}
to {opacity: 1;filter:hue-rotate(0deg)contrast(140%)brightness(100%);}}

}
</style>
<div id="bj"></div>
<div id="lrcbox">
<div class="wzsd1" style="position:absolute; top:0px; right:80px; width:620px;height:80px; text-align:center ">
<div id="geci" ></div></div></div>
<audio id="aud" src="http://fs.ringop.kugou.com/KGTX/CLTX001/bcd692fcdd2884080cf4aa472931ed04.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
      lrcbox = document.querySelector('#lrcbox'),
      geci = document.querySelector('#geci'),
      aud = document.querySelector('#aud'),
       sp = document.querySelector('#sp'),
lrc =[
        ['0.14','踏着夕阳归去 - 姚璎格'],
        ['16.28','词：叶佳修'],
        ['24.42','曲：叶佳修'],
        ['32.57','远远地见你在夕阳那端'],
        ['38.10','打着一朵细花洋伞'],
        ['43.53','晚风将你的长发飘散'],
        ['48.99','半掩去酡红的脸庞'],
        ['54.42','我仿佛是一叶疲惫的归帆'],
        ['59.88','摇摇晃晃划向你高张的臂弯'],
        ['65.31','苍穹有急切的呼唤在回响'],
        ['70.79','亲亲别后是否仍无恙'],
        ['76.26','来吧 让我们携手共行'],
        ['81.68','追逐夕阳的步履'],
        ['87.12','走在林间的小径 撩过清清小溪'],
        ['98.07','那儿有一座小小蜗居'],
        ['103.56','等待着我们 踏着夕阳归去'],
        ['121.23','我仿佛是一叶疲惫的归帆'],
        ['126.71','摇摇晃晃划向你高张的臂弯'],
        ['132.15','苍穹有急切的呼唤在回响'],
        ['137.58','亲亲别后是否仍无恙'],
        ['143.06','来吧 让我们携手共行'],
        ['148.53','追逐夕阳的步履'],
        ['153.93','走在林间的小径 撩过清清小溪'],
        ['164.90','那儿有一座小小蜗居'],
        ['170.37','等待着我们 踏着夕阳归去'],
        ['178.53','来吧 让我们携手共行'],
        ['183.96','追逐夕阳的步履'],
        ['189.42','走在林间的小径 撩过清清小溪'],
        ['200.31','那儿有一座小小蜗居'],
        ['205.83','等待着我们 踏着夕阳归去'],
        ['215.31','踏着夕阳归去'],
        ['221.04','踏着夕阳归去']
];
lrcbox.onclick =function() {
aud.paused ? aud.play() : aud.pause()
sp.paused ? sp.play() : sp.pause()
};
aud.addEventListener("timeupdate", myFunction);
function myFunction()
{
      for(j=0; j<lrc.length; j++){
                if(aud.currentTime >= lrc){
                        geci.innerHTML = lrc;
                }
      }
}
</script>

容轩听雨 发表于 2023-3-29 22:34

画面灵动，很有意境，LRC编辑合拍，歌曲寄怀，赞一个，问好朋友

巫荣云师 发表于 2023-3-30 08:13

欣赏收藏老师的佳作《踏着夕阳归去》。:handshake{:1_293:}问好点赞!

绿地水池 发表于 2023-3-30 20:04

欣赏佳作，为你点赞。
页: [1]
查看完整版本: 踏着夕阳归去 - 姚璎格