论坛 › 音乐沙龙 › 《祝论坛女神们节日快乐》

亦是金 发表于 2023-3-6 20:30

《祝论坛女神们节日快乐》

本帖最后由 亦是金 于 2023-4-30 00:14 编辑 <br /><br /><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1846164">

<div class="cont-area">

<div style="width: 1200px;height: 700px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:100px;margin-LEFT: -310px;">


<style>
#papa {

        width: 1200px;
        height: 700px;
        background: url('https://s1.ax1x.com/2023/03/06/ppV6sqU.jpg') no-repeat 0 center/cover;
        box-shadow: 3px 3px 0px #000;
        transition: all 1.2s;
        cursor: pointer;
        position: relative;
        z-index: 1;
}

#papa:hover {
        background: url('https://s1.ax1x.com/2023/03/06/ppV66ZF.jpg') no-repeat center/cover;
}

</style>

<div id="papa">

</div>

<script>
papa.addEventListener('click', () => aud.paused ? aud.play() : aud.pause());
</script>





<style type="text/css">

@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }

body { overflow-x: hidden; }
#baiBox {
      margin: auto;
      width: 800px;
      text-align: center;
      font-family:微软简中圆;
      font-size: 2.5rem;
      font-weight: bold;
      color: #f46ff6;
      transform-origin: top;
      animation: yao 1.0s linear infinite alternate;
}

@keyframes yao {
      from{transform: perspective(800px) rotatex(30deg); }
      to { transform: perspective(800px) rotatex(-30deg); }
}



.tit { position: relative;width: 300px;height: 30px;top:-680px;LEFT: 0px;z-index: 100;filter: drop-shadow(-1px 1px 1px #ffffff)drop-shadow(0px -1px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff) }
#tit:hover { color: green; }


</style>

<div id="hu" >
<div id="baiBox"
<div class="tit">
<span style="color:#fb52f9;"><span style="font-size:32px;">《祝论坛女神们节日快乐》</span>
<span style="color:#3d46f7;"><span style="font-size:24px;"></span></div>



        <img src="https://z3.ax1x.com/2021/08/26/hujGMd.gif" alt="" style="position: absolute; width: 100px;height: 50px; transform: translate(-850px, 400px); mix-blend-mode: multiply;" />

<div style="position: relative;width: 500px;height: 50px;top:-80px;LEFT: 1000px;z-index: 100;filter: drop-shadow(-1px 1px 1px #e8f552)drop-shadow(0px -1px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)">
<p><span style="color:#ff0000;"><span style="font-family:华文隶书;"><span style="font-size:24px;">亦是金在线音乐</span></span></span></p></div>


</style>



<div style="position: relative; top:-730px;LEFT: 60px;z-index: 12435;">
<style type="text/css">
.lyricDisp{-webkit-text-stroke:1px #ffffff;font: bold 2.0em悟空大字库, sans-serif; transition:.3s all ease;font-size:2.2em;}
.lyricDisp:nth-child(1){color:#000080;text-align:left;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;}
.lyricDisp:nth-child(1)::before{position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color: transparent;background: linear-gradient(45deg, #F32121 32%,#8EE73C 43%,#FEFFFF 52%,#091CFD 62%,#36F4B1 75%);-webkit-background-clip: text;-webkit-text-stroke:2px #000000;filter: contrast(110%)brightness(160%);overflow:hidden;white-space:nowrap;animation:var(--aniName) var(--durTime) linear forwards;animation-play-state:var(--aniPlayState);}
.lyricDisp:nth-child(2){color:blue;text-align:center;font-size:1.8em;}@keyframes bgMove1{from{width:0;}to{width:100%;}}@keyframes bgMove0{from{width:0;}to{width:100%;}}
#LRCShow{position:absolute;left:20%;bottom:-20px;width:120%;height:120px;margin:6px auto position:relative;}
#rdisk{position:absolute;left:5px;bottom:0px;border-radius: 50%;font-size:4em;color:red;animation:circleSmall2 10s linear infinite;animation-play-state:paused;cursor:pointer;}
@keyframes circleSmall2{0%{transform:rotateX(0deg) rotateY(20deg) rotateZ(360deg);}100%{transform:rotateX(0deg) rotateY(20deg) rotate(0deg);}}
#ground3rd{
        width:1000px;height:600px;
        position:absolute;font-size:16px;
        overflow:hidden;border-radius:0px;
        margin:5px 0px 30px -5px;
background:url(https://s4.ax1x.com/2022/03/05/bwbPNq.jpg);
        background-position:center;
        background-size: cover;
      perspective: 1200px;
}

#mpic {
        position: absolute;
        transform: rotateY(0deg);
        top: 0px;
        left: 0px;
        width: 1000px;
        height: 600px;
        animation: rote 80s linear infinite;
        cursor: pointer;
        opacity: 1;
}

@keyframes rote {
        from {
                background-position: 0 0;
                filter: hue-rotate(360deg)
        }

        to {
                background-position: -1730px 300px;
        }
}

#mpic1 {
        position: absolute;
        transform: rotateY(0deg);
        top: 0px;
        left: 0px;
        width: 1000px;
        height: 600px;
        animation: rotet 100s linear infinite;
        cursor: pointer;
        opacity: 1;
}

@keyframes rotet {
        from {
                background-position: 0 0;
                filter: hue-rotate(360deg)
        }

        to {
                background-position: 0px -1730px;
        }
}


#songList li {
        cursor: pointer;
        color: #ffffff;
        font:thick微软雅黑;
      font-size:18px;
      line-height:30px
}
</style>




<div id="ground3rd">
<div class="itemm">

<div style="width: 1000px;height: 600px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:0px;margin-LEFT: 0px;">
<div style="position:relative;width: 1000px;height: 600px;overflow:hidden;top: 0px;left: 0px;">
<div style="left: 0px;position:absolute;top: 0px;">

</div>
<ol id='songList' style="color:red;position:absolute;top:10px;left:0px;"></ol>
    <div id="rdisk"style="width:100px;height:100px;border: 0px solid #000000;
        background: url('https://s1.ax1x.com/2023/02/28/ppCT07F.png')0 0/100% 100%,conic-gradient(red,orange,yellow,green,teal,blue,#ff0000);
        mask: radial-gradient(transparent 7px,#red 0);transform: rotateX(45deg) rotateY(20deg) rotate(0deg);"></div>
    <div id="LRCShow"></div>
</div>


<!-- 下面一句是存放歌词的标签        -->
<textarea style="visibility:hidden;" id='lrcContent0'></textarea>

<script type="text/javascript">
var lrcPlayer2=function(){return this.init.apply(this,arguments)};lrcPlayer2.prototype={constructor:lrcPlayer2,init:function(opts){this.lyricTxtObj=document.getElementById(opts.lrcTxtID);lyricTxt=this.lyricTxtObj.innerHTML;this.showLrcObj=document.getElementById(opts.lrcShowID);this.gclines=new Array();for(k=0;k<2;k++){this.gclines=document.createElement('div');this.gclines.className='lyricDisp';this.showLrcObj.appendChild(this.gclines)}this.audioCtrl=document.getElementById(opts.audioCtrl);this.handleLrc(lyricTxt);this.genPlayer(opts.audioURL)},handleLrc:function(lyricTxt){this.lrcVec=new Array();var lyriclist=lyricTxt.split(/\r|\n|\r\n/);for(n=0;n<lyriclist.length;n++){chkTime=lyriclist.match(/\[\d{1,2}:\d{2}.\d{1,3}\]|\[\d{1,2}:\d{2}\]/g);if(chkTime){tIdx=lyriclist.lastIndexOf(']');if(tIdx>0)lrcTxt=lyriclist.substr(tIdx+1);for(m=0;m<chkTime.length;m++){ta=chkTime.substr(1).replace(']','').split(/:/);_t=(+ta)*60+(+ta);if(this.lrcVec.length==0&&_t!=0){this.lrcVec.push()}this.lrcVec.push()}}}this.lrcVec.sort(function(a,b){return(a-b)})},showLrc:function(durTime){this.gclines.innerHTML=this.gclines.dataset.lrc=this.lrcVec.length>0?this.lrcVec:"\u3000";this.gclines.style.setProperty('--aniName','bgMove'+(this.idx%2));this.gclines.style.setProperty('--durTime',durTime+'ms');this.gclines.style.setProperty('--aniPlayState','running')},genPlayer:function(mUrl){this.mObj=document.createElement("audio");this.mObj.loop=false;this.mObj.muted=false;this.mObj.src=mUrl;this.showLrcObj.appendChild(this.mObj);this.idx=0;var that=this;this.mObj.addEventListener('ended',function(){that.idx=0});this.mObj.addEventListener('playing',function(){that.audioCtrl.style.animationPlayState='running';that.gclines.style.setProperty('--aniPlayState','running')});this.mObj.addEventListener('pause',function(){that.audioCtrl.style.animationPlayState='paused';that.gclines.style.setProperty('--aniPlayState','paused')});this.mObj.addEventListener('error',function(){console.log("audio wrong, remove play start event");that.showLrcObj.style.display='none';that.showLrcObj.removeChild(this)});this.mObj.addEventListener('timeupdate',function(){if(this.currentTime>that.lrcVec){if(that.idx<(that.lrcVec.length-1)){that.showLrc((that.lrcVec-that.lrcVec)*950)}else{that.showLrc((this.duration-that.lrcVec)*950)}if(that.idx+1==that.lrcVec.length){that.gclines.innerHTML=""}else{that.gclines.innerHTML=that.lrcVec}that.idx++}});this.audioCtrl.onclick=function(){if(that.mObj.paused){that.mObj.play()}else{that.mObj.pause()}};try{this.mObj.play()}catch(err){console.log(err.message)}},stopMusic:function(){this.mObj.pause();this.mObj.controls=false;},setAudioUrl:function(mUrl){this.mObj.src=mUrl},isMusicEnd:function(){return this.mObj.ended},reStart:function(){this.idx=0;this.mObj.play()}}
</script>

<script type="text/javascript">
(function()        {
songParas = [["《你比春天还美丽》 - 咪依鲁江","","https://www.qqmc.com/up/kwlink.php?id=167826299&.mp3",`《你比春天还美丽》(DJ何鹏版)\n
作词 : 王亚哲/李卫强 \n
作曲 : 何 鹏\n
伴唱：芳子/何鹏\n
演唱：咪依鲁江\n
LRC歌词编辑：亦是金\n
● ● ● ● ● ●\n
陪你寻春的消息\n
一场桃风梨雨\n
一路上翩翩舞蹈\n
惹得香满衣\n
从此有一个秘密\n
藏在我的心底\n
我只怕你会傲娇\n
不敢告诉你\n
你呀你，你呀你\n
你比那春天还美丽\n
醉了我的眼睛\n
你却没有在意\n
你呀你，你呀你\n
你比那春天还美丽\n
从此我的梦里\n
牢牢被你占据\n
牢牢被你占据\n
● ● ● ● ● ●\n
陪你寻春的消息\n
一场桃风梨雨\n
一路上翩翩舞蹈\n
惹得香满衣\n
从此有一个秘密\n
藏在我的心底\n
我只怕你会傲娇\n
不敢告诉你\n
你呀你，你呀你\n
你比那春天还美丽\n
醉了我的眼睛\n
你却没有在意\n
你呀你，你呀你\n
你比那春天还美丽\n
从此我的梦里\n
牢牢被你占据\n
你呀你，你呀你\n
你比那春天还美丽\n
醉了我的眼睛\n
你却没有在意\n
你呀你，你呀你\n
你比那春天还美丽\n
从此我的梦里\n
牢牢被你占据\n
牢牢被你占据\n
-- 谢谢欣赏 --\n
\n`],["《 女 神 》--王羽泽","","https://www.qqmc.com/up/kwlink.php?id=28714636&.mp3",
`《 女 神 》--王羽泽
词曲：王羽泽
演唱：王羽泽
LRC歌词编辑：亦是金
● ● ● ● ● ●
喜欢你的与众不同
天生有撩人的姿色\n
附带着勾魂的眼神\n
你的温柔将我的心打动\n
无法抵抗你的笑容\n
它会穿透你的心灵\n
成熟而端庄的气质\n
优雅的转身之后是唯美的身影\n
你是我心中的女神\n
我爱你爱的那么深\n
不怕你变老的样子\n
在我心里你永远是女神\n
你是我心中的女神\n
一辈子我最爱的人\n
谢谢你真心爱上我\n
让我陪着你共度一生\n
全世界我只爱你\n
一直爱到永恒\n
● ● ● ● ● ●\n
喜欢你的与众不同\n
天生有撩人的姿色\n
附带着勾魂的眼神\n
你的温柔将我的心打动\n
无法抵抗你的笑容\n
它会穿透你的心灵\n
成熟而端庄的气质\n
优雅的转身之后是唯美的身影\n
你是我心中的女神\n
我爱你爱的那么深\n
不怕你变老的样子\n
在我心里你永远是女神\n
你是我心中的女神\n
一辈子我最爱的人\n
谢谢你真心爱上我\n
让我陪着你共度一生\n
你是我心中的女神\n
我爱你爱的那么深\n
不怕你变老的样子\n
在我心里你永远是女神\n
你是我心中的女神\n
一辈子我最爱的人\n
谢谢你真心爱上我\n
让我陪着你共度一生\n
全世界我只爱你一直到永恒\n
-- 谢谢欣赏 --\n
\n`],
["《 女 人 香 》--江志丰","","https://www.qqmc.com/up/kwlink.php?id=199223687&.mp3",`《 女 人 香 》--江志丰\n
语种：闽南语\n
演唱：江志丰\n
LRC歌词编辑：亦是金\n
● ● ● ● ● ●\n
爱听你的声 爱你用过的东西\n
爱你陪伴牵手的心晟 爱你坐的位\n
总是留著你的香 亲像有你陪伴的温暖\n
呒知你今嘛甘好 我对你的爱永远拢同款\n
吹来香香香 你的女人香乎我思思念念每一暗\n
蝴蝶飞满山花 春风吹心窗\n
也有一双温柔的手底这等\n
吹来香香香 你的女人香乎我思思念念每一暗\n
秋也暝 落水湿 找无花的香\n
痴心望也望你的人 一冬过一冬\n
● ● ● ● ● ●\n
爱听你的声 爱你用过的东西\n
爱你陪伴牵手的心晟 爱你坐的位\n
总是留著你的香 亲像有你陪伴的温暖\n
呒知你今嘛甘好 我对你的爱永远拢同款\n
吹来香香香 你的女人香乎我思思念念每一暗\n
蝴蝶飞满山花 春风吹心窗\n
也有一双温柔的手底这等\n
吹来香香香 你的女人香乎我思思念念每一暗\n
秋也暝 落水湿 找无花的香\n
痴心望也望你的人 一冬过一冬\n
吹来香香香 你的女人香乎我思思念念每一暗\n
蝴蝶飞满山花 春风吹心窗\n
也有一双温柔的手底这等\n
吹来香香香 你的女人香乎我思思念念每一暗\n
秋也暝 落水湿 找无花的香\n
痴心望也望你的人 一冬过一冬\n
-- 谢谢欣赏 --\n
\n`],
["《两个对我恩重如山的女人》 - 潘长江","","https://www.qqmc.com/up/kwlink.php?id=120011&.mp3",
`《两个对我恩重如山的女人》 - 潘长江\n
词曲：王玉聪\n
演唱：潘长江\n
LRC歌词编辑：亦是金\n
● ● ● ● ● ●\n
两个对我恩重如山的人\n
你们不要再争\n
我对谁的感情最深\n
你们越是追问\n
我越是心急如焚\n
两个对我恩重如山的人\n
两个带给我生命无时无刻不精彩的女人\n
疼你们一生 是我的责任\n
我这样的男人平凡一生\n
对家庭还是比较认真负责任\n
绝不可能一不留神 对爱情不忠贞\n
男人外表坚强 有时显得迟钝\n
内心却十分脆弱 柔情几分\n
当发现老妈又加深了皱纹\n
心就会酸好一阵 酸好一阵\n
我在外面像秒针 像秒针\n
再大的风雨我自己忍\n
回到家也需要也需要\n
享受你们温暖的气氛\n
所以两个对我恩重如山的人\n
你们不要再争\n
我对谁的感情最深\n
你们越是追问\n
我越是心急如焚\n
两个对我恩重如山的人\n
两个带给我生命无时无刻不精彩的女人\n
疼你们一生 是我的福份\n
● ● ● ● ● ●\n
昨天我请老妈大吃一顿\n
今天就亲自下厨 为太太煮云吞\n
我一向对太太百依百顺\n
老妈是我的超级至尊\n
既然我们朝夕晨昏\n
就该珍惜这天赐的缘份\n
就不要任何人\n
打破这温暖的气氛\n
所以两个对我恩重如山的人\n
你们不要再争\n
我对谁的感情最深\n
你们越是追问\n
我越是心急如焚\n
两个对我恩重如山的人\n
两个带给我生命\n
无时无刻不精彩的女人\n
疼你们一生 是我的责任\n
疼你们一生 是我的福份\n
-- 谢谢欣赏 --\n
\n`],["《许你一世情缘》--星月组合","","https://www.qqmc.com/up/kwlink.php?id=26267365&.mp3",
`《许你一世情缘》--星月组合\n
作词：张丰\n
作曲：凡间精灵\n
编曲：冯丹\n
演唱：星月组合\n
歌词编辑制作：亦是金\n
●●●●●●\n
天空流星划过瞬间\n
我紧紧地闭上了双眼\n
许下一个美好的心愿\n
盼望你能留在我身边\n
我愿化作天上的星\n
我默默地看着你入眠\n
无论是今世还是来生\n
你都深深刻在我心间\n
许你一世情缘永远相伴\n
与你长相厮守心甘情愿\n
和你牵手度过每一天\n
时时刻刻感觉到温暖\n
许你一世情缘永远相伴\n
与你携手白头不离不散\n
和你一起守候不变的爱恋\n
时时刻刻感觉比蜜甜\n
●●●●●●\n
我愿化作天上的星\n
我默默地看着你入眠\n
无论是今世还是来生\n
你都深深刻在我心间\n
许你一世情缘永远相伴\n
与你长相厮守心甘情愿\n
和你牵手度过每一天\n
时时刻刻感觉到温暖\n
许你一世情缘永远相伴\n
与你携手白头不离不散\n
和你一起守候不变的爱恋\n
时时刻刻感觉比蜜甜\n
许你一世情缘永远相伴\n
与你长相厮守心甘情愿\n
和你牵手度过每一天\n
时时刻刻感觉到温暖\n
许你一世情缘永远相伴\n
与你携手白头不离不散\n
和你一起守候不变的爱恋\n
时时刻刻感觉比蜜甜\n
时时刻刻感觉比蜜甜\n
-- 谢谢欣赏 --\n
\n`],
];

var opts = {
        lrcTxtID:'lrcContent0',
        lrcShowID:"LRCShow",
        audioURL:"https://www.qqmc.com/up/kwlink.php?id=60010502&.mp3",
        audioCtrl:'rdisk'
};
var km = null;
var idx = 0;
let songList = document.getElementById('songList');

        for(n = 0; n < songParas.length; n++)        {
                let item = document.createElement('li');
                item.id = 's'+n;
                item.innerHTML = songParas;
               
                songList.appendChild(item);
        }

        items = songList.getElementsByTagName('li');
       
        for(n = 0 ; n < items.length; n++)        {
                items.onclick=function()        {
                        idx = parseInt(this.id.substr(1));
                        document.getElementById('ground3rd').style.backgroundImage = `url(${songParas})`;
                        if(km){
                                km.stopMusic();
                                //km = null;
                                km.handleLrc(songParas);
                                km.setAudioUrl(songParas);
                                km.reStart();
                        }
                        else        {
                                document.getElementById(opts.lrcTxtID).innerHTML = songParas;
                                opts.audioURL=songParas;
                                km = new lrcPlayer2(opts);
                        }
                }
        }
        items.click();

setInterval(() => {
        if(km)        {
                items = songList.getElementsByTagName('li');
                if(km.isMusicEnd())        {
                        idx++; idx %= items.length;
                        items.click();
                }
        }
        //setTimeout(isSongEnded, 500);
}, 500);

})();
</script>


</TD></TR></TBODY></TABLE>

<DIV style="HEIGHT: 100px">

梦缘 发表于 2023-3-6 20:32

真靓丽的美帖，感谢老师的祝福，欣赏问好！{:4_180:}

亦是金 发表于 2023-3-6 20:33

谢谢黑黑老师的猪八戒背媳妇代码，试做了一个播放器！{:4_191:}

红影 发表于 2023-3-6 20:38

这个好，这么多关于女性的歌曲。而且都是歌词同步的。
欣赏亦是金老师好帖，感谢你的美好祝福，接帖同祝论坛的女性节日快乐{:4_199:}

起个网名好难 发表于 2023-3-6 20:48

欣赏美帖

醉美水芙蓉 发表于 2023-3-6 20:56

亦是金 发表于 2023-3-6 21:35

梦缘 发表于 2023-3-6 20:32
真靓丽的美帖，感谢老师的祝福，欣赏问好！

问好梦缘女神！谢谢欣赏点赞！{:4_204:}

马黑黑 发表于 2023-3-6 21:35

好美的专辑

亦是金 发表于 2023-3-6 21:36

红影 发表于 2023-3-6 20:38
这个好，这么多关于女性的歌曲。而且都是歌词同步的。
欣赏亦是金老师好帖，感谢你的美好祝福，接帖同祝论 ...

问好红影女神！谢谢欣赏点赞！{:4_204:}

亦是金 发表于 2023-3-6 21:37

起个网名好难 发表于 2023-3-6 20:48
欣赏美帖

问好起个网名好难老师！谢谢欣赏！向你学习！{:4_191:}

亦是金 发表于 2023-3-6 21:38

醉美水芙蓉 发表于 2023-3-6 20:56
很漂亮！

谢谢醉美水芙蓉女神欣赏！问好！{:4_204:}

庶民 发表于 2023-3-7 05:00

祝福女同胞节日快乐。

阿狄丽娜 发表于 2023-3-7 07:03

太喜感了！素材也棒！

亦是金 发表于 2023-3-7 10:54

庶民 发表于 2023-3-7 05:00
祝福女同胞节日快乐。

问好庶民朋友！{:4_191:}

亦是金 发表于 2023-3-7 10:57

马黑黑 发表于 2023-3-6 21:35
好美的专辑

谢谢老师欣赏！我用老师分享的代码制作了这个帖子，致谢！{:4_191:}

亦是金 发表于 2023-3-7 10:59

阿狄丽娜 发表于 2023-3-7 07:03
太喜感了！素材也棒！

问好阿狄丽娜女神！节日快乐！{:4_204:}

马黑黑 发表于 2023-3-7 12:45

音乐有广告

庶民 发表于 2023-3-7 14:15

https://pic.imgdb.cn/item/6222ab235baa1a80abfb3edc

红影 发表于 2023-3-7 21:54

亦是金 发表于 2023-3-6 21:36
问好红影女神！谢谢欣赏点赞！

谢谢亦是金老师，有您的祝福，这个节日好快乐{:4_187:}

查看完整版本: 《祝论坛女神们节日快乐》