论坛 › 欢乐水吧 › 只想和你十指相扣

醉美水芙蓉 发表于 2022-6-23 20:21

只想和你十指相扣

<div style="z-index: 127;width: 1000px; height: 600px; margin-top:30px; margin-left:-200px;box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 15px #880000; overflow:
hidden;transform:rotate(0deg);background: url(https://s1.ax1x.com/2022/06/23/jP19Qs.png)0 0/100%50%; text-align: center;">
<img class='photo'src="https://s1.ax1x.com/2022/06/23/jPlgqx.jpg" alt="" />
<img class='photo'src="https://s1.ax1x.com/2022/06/23/jPlcs1.jpg" alt="" />
<img class='photo'src="https://s1.ax1x.com/2022/06/23/jPl6MR.jpg" alt="" />
<img class='photo'src="https://s1.ax1x.com/2022/06/23/jPlsz9.jpg" alt="" />
<img class='photo'src="https://s1.ax1x.com/2022/06/23/jPlrRJ.jpg" alt="" />
<img class='photo'src="https://s1.ax1x.com/2022/06/23/jPlDG4.jpg" alt="" />
<img class='photo'src="https://s1.ax1x.com/2022/06/23/jPlBiF.jpg" alt="" />
<img class='photo'src="https://s1.ax1x.com/2022/06/23/jPlwIU.jpg" alt="" />
<div class="container">
<audio autoplay="" class="audio" id="MusicPlayer" src="https://www.qqmc.com/up/kwlink.php?id=224817627&.mp3" controls loop style="width: 0%; height: 0%;z-index: 1;"></audio>
      <div class="btn">
         <img src="https://s1.ax1x.com/2022/06/23/jP1nSJ.png" id="playpause"style="position:absolute;top:0px;left:35px;width:160px;height:80px;border-radius:0%;z-index: 600;"/>
      </div>
<div class="img_border" id="aplay"></div>
   <div class="bs" style="width: 1200px; height: 120px;z-index: 300;position: absolute;top:0px; left:0px;">
<divclass="lrc">
      <ul id="ullrc">
         </ul>
</div></div></div>
</div>
<style type="text/css">
.photo {width: 1000px;
height: 600px;
position: absolute;top:0px; left:0px;z-index: 300;
filter:contrast(120%)brightness(80%);-webkit-mask-image: radial-gradient(black 30% ,transparent 70%);
animation: round 48s infinite;
opacity: 0;}
@keyframes round {1% {
opacity: 0;
transform:translate(0%,0%)scale(0);}
10% {
opacity: 1;
transform:translate(0%,0%)scale(1);}

20% {
opacity: 0.5;
transform:translate(0%,0%)scale(2);}
22% {
opacity: 0;
transform:translate(0%,0%)scale(2);}
}

img:nth-child(8) {animation-delay: 42s;}
img:nth-child(7) {animation-delay: 36s;}
img:nth-child(6) {animation-delay: 30s;}
img:nth-child(5) {animation-delay: 24s;}
img:nth-child(4) {animation-delay: 18s;}
img:nth-child(3) {animation-delay: 12s;}
img:nth-child(2) {animation-delay: 6s;}
</style >
<style type="text/css">
.container{width: 1000px;height: 600px;
    margin: 0;position: absolute;top:500px; left:0px;}
.container #MusicPlayer{
    width: 250px;
    display: block;
    margin: 0 auto;}
.container .btn{
    display: block;
    margin: 0;}
.container .lrc{
    width: 960px;
    height: 120px;
    overflow: hidden;filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px0);
    display: block;position: absolute;top:-40px; left:50px;
    margin: 0 auto;}
.container .lrc #ullrc{
width: 100%;
padding: 0;list-style: none;transition: 0.3s all ease;
    margin: 0;}
/*歌词普通样式*/
.container .lrc #ullrc li{
    height: 70px;
    line-height: 60px;
font-family:华文隶书;
    font-size: 30px;
    color: #000078;
    font-weight: normal;
    transition: .3s all ease;/*一定要加上不然看着突兀*/
    list-style-type: none;
    text-align: center;display: block;
    width: 100%;
    margin: 0 auto;}
/*动态歌词样式*/
.container .lrc #ullrc li.active{
    font-size: 45px;
    color: #ff0000;
    font-weight: bold}
/*光碟动画*/
.container .img_border{display:inline-block;width:1000px;height:600px;margin:0px ;position: absolute;top:0px;left:0px;transform: scale(1,1);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
.container .img_border #aplay{display:block; }
.container .z360z{width: 1200px; height: 600px;
    z-index: 290;position: absolute;
   top:-500px;opacity: 1;
    left: 0px;background: url(https://s1.ax1x.com/2022/06/23/jP19Qs.png)0 0/100% 50%;
animation: rotating 0.1s linear infinite;}
@keyframes rotating{0%{
      background-position: 0% 0;transform: scale(1,1);filter:hue-rotate(0deg)contrast(110%)brightness(200%);
    }

    100%{opacity: 1;
      background-position: 0% 0%;transform: scale(2);filter:hue-rotate(360deg)contrast(110%)brightness(120%);
    }
}
</style>
<style type="text/css">.bs{animation: slider0 0.26s linear infinite ;}
@keyframes slider0 {0%,100%{margin: 0px 0px;filter:hue-rotate(360deg)drop-shadow(0px 0px 12px #CD6600) drop-shadow(0px 0px 12px #CD6600)drop-shadow(0px 0px 12px #CD6600)

brightness(100%);}50%{margin: 0px 0px;filter:hue-rotate(0deg)drop-shadow(0px 0px 12px #000090)drop-shadow(0px 0px 12px #000090)drop-shadow(0px 0px 12px #000090)brightness(100%);}}
</style>
<script >var lrc = `只想和你十指相扣(DJ默涵版) 李英(宁静)
作词：蓝毒(申光惠)
作曲：毒恋
编曲：姜山
后期：佳飞录音棚
出品人：花僮
Op：新创焦桐文化
LRC编辑:醉美水芙蓉
历历往事涌上了心头
千言万语说不出口
伫立窗前泪湿了眼眸
我们再也没有天长地久
寒来暑往多少个春秋
依然苦苦为你守侯
谁在你心里种下红豆
痴心一片等不到你回头
情到深处覆水难收
你就这样轻易放了手
说过要陪我一起走
却将我丢在红尘路口
情到深处覆水难收
常常留恋你给的温柔
只想和你十指相扣
不离不弃陪在你左右
寒来暑往多少个春秋
依然苦苦为你守侯
谁在你心里种下红豆
痴心一片等不到你回头
情到深处覆水难收
你就这样轻易放了手
说过要陪我一起走
却将我丢在红尘路口
情到深处覆水难收
常常留恋你给的温柔
只想和你十指相扣
不离不弃陪在你左右
情到深处覆水难收
你就这样轻易放了手
说过要陪我一起走
却将我丢在红尘路口
情到深处覆水难收
常常留恋你给的温柔
只想和你十指相扣
不离不弃陪在你左右
谢谢欣赏！`;
function $(id) {return document.getElementById(id);
}//这样写以后getid方便
function getLrcArray() {
    var parts = lrc.split("\n");
    for (let index = 0; index < parts.length; index++) {
      parts = getLrcObj(parts);
    }
    return parts;

    function getLrcObj(content) {
var twoParts = content.split("]");
var time = twoParts.substr(1);
var timeParts = time.split(":");
var seconds = +timeParts;
      var min = +timeParts;
      seconds = min * 60 + seconds;
      var words = twoParts;
      return{
            seconds: seconds,
            words: words,
      };
    }
}
var lrcArray = getLrcArray();
function inputLrc() {
    for (let index = 0; index < lrcArray.length; index++) {
      var li = document.createElement("li");
      li.innerText = lrcArray.words;
      $("ullrc").appendChild(li);
    }
}
inputLrc();
function setPosition() {
    var index = getLrcIndex();
    if (index == -1) {
      return;
    }
    var lrc_li_height = 70, lrc_ul_height = 50;
    var top = index * lrc_li_height + lrc_li_height / 2 - lrc_ul_height / 2;
if (top < 0) {top = 0;}$("ullrc").style.marginTop = -top + "px";
    var activeLi = $("ullrc").querySelector(".active");
    if(activeLi){
      activeLi.classList.remove("active");}
$("ullrc").children.classList.add("active");
}
var turn = 0;
function getLrcIndex(){
var time = $("MusicPlayer").currentTime + turn;for (var index = 0; index < lrcArray.length; index++) {
      if (lrcArray.seconds > time) {
            return index - 1;
      }
    }
}
$("MusicPlayer").ontimeupdate = setPosition;
</script>
<script>
         var aud = document.getElementById("MusicPlayer");
var img = document.getElementById("playpause");
img.onclick = function() {
        if (aud.paused) {
                aud.play();
        } else {
                aud.pause();
        }
}
aud.addEventListener("play", function (e) {
img.src="http://chuangshicdn.data.mvbox.cn/album/22/04/30/22043020540697282778.gif";
}, false);
aud.addEventListener("pause", function (e) {
img.src="https://s1.ax1x.com/2022/06/23/jP1nSJ.png";
}, false);

</script>
<script type="text/javascript">
var my_audio =document.getElementById("MusicPlayer");my_audio.onended = function(){document.getElementById("aplay").className="";};my_audio.onplaying = function()
{document.getElementById("aplay").className="z360z";};my_audio.onpause = function(){document.getElementById("aplay").className="";};var lyric = parseLyric(songkrc);
</script>

樵歌 发表于 2022-6-24 11:14

如果被其婚庆用上，必定博得满堂喝彩{:4_173:}

绿叶清舟 发表于 2022-6-23 20:29

制作真漂亮啊{:4_204:}

醉美水芙蓉 发表于 2022-6-23 20:39

绿叶清舟 发表于 2022-6-23 20:29
制作真漂亮啊

清舟美女晚上好！

小辣椒 发表于 2022-6-23 21:30

欣赏水芙蓉的精彩制作{:4_171:}

醉美水芙蓉 发表于 2022-6-23 21:34

小辣椒 发表于 2022-6-23 21:30
欣赏水芙蓉的精彩制作

小辣椒美女晚上好！

马黑黑 发表于 2022-6-23 21:57

焦桐文化，第一次听说。作品精美。赞。

醉美水芙蓉 发表于 2022-6-23 22:05

马黑黑 发表于 2022-6-23 21:57
焦桐文化，第一次听说。作品精美。赞。

问候黑黑老师晚上好！

马黑黑 发表于 2022-6-23 22:20

醉美水芙蓉 发表于 2022-6-23 22:05
问候黑黑老师晚上好！

{:5_108:}

红影 发表于 2022-6-23 22:22

柔情蜜意的画面，水芙蓉的制作真美{:4_187:}

加林森 发表于 2022-6-23 22:24

我在手机在看。挺好的。

醉美水芙蓉 发表于 2022-6-23 22:26

红影 发表于 2022-6-23 22:22
柔情蜜意的画面，水芙蓉的制作真美

问候红影美女！

醉美水芙蓉 发表于 2022-6-23 22:26

加林森 发表于 2022-6-23 22:24
我在手机在看。挺好的。

问候队长晚上好！

加林森 发表于 2022-6-23 22:37

醉美水芙蓉 发表于 2022-6-23 22:26
问候队长晚上好！

水芙蓉不客气的。

红影 发表于 2022-6-24 14:19

醉美水芙蓉 发表于 2022-6-23 22:26
问候红影美女！

问好水芙蓉美女{:4_187:}

醉美水芙蓉 发表于 2022-6-24 17:29

樵歌 发表于 2022-6-24 11:14
如果被其婚庆用上，必定博得满堂喝彩

谢谢樵歌精彩点评！

查看完整版本: 只想和你十指相扣