拜大年

起个网名好难 发表于 2024-2-10 16:08

本帖最后由起个网名好难于 2024-2-10 15:50 编辑 <meta name="referrer" content="never" />
<style>
.lrcShow{font:bold 3em 楷体,楷体_GB2312;position:absolute;width:80%;height:2em;bottom:-10px;left:20%;color:transparent;filter:drop-shadow(1px 1px 1px white);letter-spacing:2px;
--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;
background: repeating-linear-gradient(45deg, white 1px, transparent 2px, gray 4px), repeating-linear-gradient(-45deg, white 1px, transparent 2px, gray 4px); -webkit-background-clip: text;}
.lrcShow::before{position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:transparent;color:darkred;

background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,90%));-webkit-background-clip:text;overflow:hidden;white-space:nowrap;animation:var(--aniName) var(--durTime) linear forwards;animation-play-state:var(--aniPlayState);}@keyframes bgMove1{from{width:0;}to{width:100%;}}@keyframes bgMove0{from{width:0;}to{width:100%;}}
.lrcShow::before{color:transparent;background-image:url(https://z4a.net/images/2024/01/14/auewj-fb7cv.jpg);}

#outBlk {width:760px;padding:24px;background:url('https://s3.bmp.ovh/imgs/2024/02/10/345f7b87dd61a2f1.gif') repeat;padding-bottom:100px;position:relative;display:grid;place-items:center;margin:auto;font-size:12px;}
</style>

<div id="outBlk">
<img style="outline: 0px; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible !important; width: 500px !important; height: auto !important;"
src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtUTgNcGkoqM0ZCViaHPfdoOUiaUiaLudGrzNcU597xAjgFbUNfgkDaicF3g/640" >

<img style="outline: 0px; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible !important; width: 520px !important; height: auto !important;"
src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtgoYrpaJMbLQMwtAttue3Q25s5iboAhSgjp6XVmbXnbfshWjeY0uKeuQ/640">
<div style="font:700 20px '微软雅黑';line-height:2em;text-align:center;">
今天是龙年大年初一， 
在新的1年开始之际， 
祝愿你好事接2连3， 
心情4季如春。 
生活5颜6色7彩缤纷， 
偶尔8点小财， 
烦恼抛到9霄云外! 
请接受我10心10意的祝福。 
</div>
<img style="outline: 0px; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible !important; width: 300px !important; height: auto !important;"
src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtoXnaFicbdMGCj9kfFID2fSozxAsgic0Z4jXrkI0jLOAyN1rd4axiajmpA/640" >
<div style="font:700 20px '楷体';line-height:2em;text-align:center;">
大年初一祝你： 
一元复始 
万象更新； 
年年如意、 
岁岁平安； 
财源广进、 
富贵吉祥； 
幸福安康、 
吉庆有余； 
竹抱平安， 
福满门 
喜气洋洋！ 
</div>
<img style="width:640px;"
src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtLMyU0HZWOb1SFjyuu9ojDLHRrKlbbUGWcaVTiaYic7MqasbKAvSuiaEHA/640" >
<div style="font:700 20px '宋体';line-height:2em;text-align:center;">
愿你一年365天天天开心， 
8760小时时时快乐， 
5256000分分分精彩， 
31536000秒秒秒幸福。 
一年四季季季平平安安， 
一年12个月月月健健康康， 
一年52周周周精精彩彩， 
一年365天天天快快乐乐。 
</div>
<img style="outline: 0px; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible !important; width: 580px !important; height: auto !important;"
src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQt6YsXk5V28MiaxGq5nV0CAWKoB7UDPbarLYyUVL8ib3ADkEyOW59DictWQ/640" >
<div style="font:700 20px '仿体';line-height:2em;text-align:center;">
正月初一鸿运照： 
西南喜神;正西财神; 
西北贵神。 
注意放松自己， 
调整心情，回归自然。 
祝要风得风，要雨得雨 
年年有此时，岁岁有今朝 
</div>
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtYpNvfs9UxBkjNj7VOkbzJ0jrq9xZP8UArMsEdBbKDf9bKvseeTOjvw/640">
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtxgxmHHTLpNSQZibnjmH9z4biaXyzlOs4V12aON0np50o3mJtTqkj4icjQ/640" >
<div style="font:700 28px '黑体';line-height:2em;color:rgb(255,251,0);text-align:center;">
大年初一， 
给所有朋友拜年啦！ 
</div>
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtKiaibWBib6JTNaw3T4ickibjnmuWtCFsg835Lrl2IvlP65lJDo9ShL0kfAg/640" >
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQt5FjSWEY9na3UGRfbR7HCffTkFYhib7zFM2EibiaEibXuFQPgDqL6ibNqLRA/640" >
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtKiaibWBib6JTNaw3T4ickibjnmuWtCFsg835Lrl2IvlP65lJDo9ShL0kfAg/640" >
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtzpObQTgsodVzC05gQics7mZDXUsRAWURgVJg8RRiancEx4MmdCrtafGA/640" >
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtKiaibWBib6JTNaw3T4ickibjnmuWtCFsg835Lrl2IvlP65lJDo9ShL0kfAg/640" >
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtNAv0rKMhIofDjJp6AicRVicVVmu8Cib65PE8PweOgarwuBqRgxeDykRVQ/640">
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtKiaibWBib6JTNaw3T4ickibjnmuWtCFsg835Lrl2IvlP65lJDo9ShL0kfAg/640" >
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtzwVAyqsEv6TVtIdqqtZbs0NpKFyNcywI6N5cqibvEiaWMx0KxCMVh1hg/640">
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtKiaibWBib6JTNaw3T4ickibjnmuWtCFsg835Lrl2IvlP65lJDo9ShL0kfAg/640">
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtdFzS2frCIJ1MxIWMHK4ic22xZxHL2zBhEP7R8dZIMFpb185GGiafrjkA/640" >
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtKiaibWBib6JTNaw3T4ickibjnmuWtCFsg835Lrl2IvlP65lJDo9ShL0kfAg/640" >
<img src="https://mmbiz.qpic.cn/mmbiz_gif/vBKJ934geNLItD1EFYY0Yh4j3FwXTLQtLzdNRAVpaDJkjaOlExS2hUoM6hEPJBibdqanS7Fucib9BTCVKoia5ibapg/640">
<div class="lrcShow" data-lrc="点击启动播放"></div>
</div>
<script>
{
var lrcPlayerY=function(){return this.init.apply(this,arguments)};lrcPlayerY.prototype={constructor:lrcPlayerY,init:function(opts){lyricTxt=opts.lrcTxt.replace(/(^\s*)|(\s*$)/g,'');this.audioCtrl=document.getElementById(opts.audioCtrl);this.lrcShowObj=document.querySelector('.lrcShow');this.lrcVec=this.handleLrc(lyricTxt);this.genPlayer(opts.audioURL)},handleLrc:function(lyricTxt){var parts=lyricTxt.replace(/(^\s*)|(\s*$)/g,"").split(/\r|\n|\r\n/);var lrcs=new Array();for(let index=0;index<parts.length;index++){let chkTime=parts.match(/\[\d{1,2}:\d{2}.\d{1,3}\]|\[\d{1,2}:\d{2}\]/g);if(chkTime){tIdx=parts.lastIndexOf(']');if(tIdx>0)lrcTxt=parts.substr(tIdx+1);for(m=0;m<chkTime.length;m++){ta=chkTime.substr(1).replace(']','').split(/:/);_0=(+ta)*60+(+ta);if(lrcs.length==0&&_0!=0){lrcs.push({seconds:0,words:'\u00A9\u0020\u0020\u4e5f\u66fe\u5e74\u8f7b'})}lrcs.push({seconds:_0,words:lrcTxt})}}}return lrcs.sort(function(a,b){return(a.seconds-b.seconds)})},showLrc:function(durTime){this.lrcShowObj.innerHTML=this.lrcShowObj.dataset.lrc=this.lrcVec.words;this.lrcShowObj.style.setProperty('--aniName','bgMove'+(this.idx%2));this.lrcShowObj.style.setProperty('--durTime',durTime+'ms');this.lrcShowObj.style.setProperty('--aniPlayState','running');this.idx++},genPlayer:function(mUrl){this.mObj=document.createElement("audio");this.mObj.loop=false;this.mObj.muted=false;this.mObj.autoplay=true;this.mObj.src=mUrl;this.lrcShowObj.appendChild(this.mObj);var that=this;var turn=0;this.idx=0;this.mObj.addEventListener('ended',function(){that.idx=0;this.play()});this.mObj.addEventListener('play',function(){that.lrcShowObj.style.setProperty('--aniPlayState','running')});this.mObj.addEventListener('pause',function(){if(that.idx==1&&this.currentTime<1){that.mObj.play();return false}that.lrcShowObj.style.setProperty('--aniPlayState','paused')});this.mObj.addEventListener('error',function(){console.log("audio wrong, remove play start event");that.lrcShowObj.style.display='none';that.lrcShowObj.removeChild(this)});this.mObj.addEventListener('timeupdate',function(){if(that.idx<that.lrcVec.length){if(this.currentTime>=that.lrcVec.seconds){if(that.idx<(that.lrcVec.length-1)){that.showLrc((that.lrcVec.seconds-that.lrcVec.seconds)*950)}else{that.showLrc((this.duration-that.lrcVec.seconds)*950)}}}});this.lrcShowObj.addEventListener('click',function(){if(that.mObj.paused){that.mObj.play()}else{that.mObj.pause()}})}}

var lrctxt = `
拜大年 - 中国娃娃\n
大年初一头一天\n
领着我那莲花妹妹回家转\n
一进门把腰弯\n
鞠躬施礼拜大年\n
嗨呀依呀嘿\n
公公婆婆笑呀嘛笑开颜那依呀嘿\n
过了大年第二天\n
跟着我那莲花妹妹回家转\n
一进门扑在地\n
磕头作揖拜大年\n
嗨呀依呀嘿\n
爹呀娘呀好呀嘛好喜欢那依呀嘿\n
恭喜所有的朋友们\n
爱情甜蜜蜜\n
天天发财\n
合家安好\n
万事如意\n
`;
//
var opts = {
lrcTxt:lrctxt,
audioURL:"https://music.163.com/song/media/outer/url?id=395157.mp3",
}
new lrcPlayerY(opts);
}

</script>

红影发表于 2024-2-10 17:01

十全十美的祝福呢，又喜庆又热闹。谢谢难难的好帖{:4_199:}

红影发表于 2024-2-10 17:01

谢谢难难的好帖。祝福新春快乐，给您拜年了{:4_177:}

醉美水芙蓉 发表于 2024-2-10 17:05

亦是金 发表于 2024-2-10 17:13

喜庆热闹的拜年帖，真好看！欣赏点赞学习了！给老师拜年了！

樵歌发表于 2024-2-10 17:36

这帖含金量极高！同祝您新年好！

马黑黑 发表于 2024-2-10 18:41

节日好

老谟深虑 发表于 2024-2-10 18:51

好热闹，好喜庆。我给老师拜年了！龙年大吉！

起个网名好难 发表于 2024-2-10 18:55

老谟深虑发表于 2024-2-10 18:51
好热闹，好喜庆。我给老师拜年了！龙年大吉！

https://pic.rmb.bdstatic.com/bjh/news/af11f72ecc65909746533d0f4a14f3ec.gif

起个网名好难 发表于 2024-2-10 18:56

马黑黑发表于 2024-2-10 18:41
节日好

https://pic.rmb.bdstatic.com/bjh/news/af11f72ecc65909746533d0f4a14f3ec.gif

起个网名好难 发表于 2024-2-10 18:56

樵歌发表于 2024-2-10 17:36
这帖含金量极高！同祝您新年好！

https://pic.rmb.bdstatic.com/bjh/news/af11f72ecc65909746533d0f4a14f3ec.gif

起个网名好难 发表于 2024-2-10 18:56

亦是金发表于 2024-2-10 17:13
喜庆热闹的拜年帖，真好看！欣赏点赞学习了！给老师拜年了！

https://pic.rmb.bdstatic.com/bjh/news/af11f72ecc65909746533d0f4a14f3ec.gif

起个网名好难 发表于 2024-2-10 18:56

醉美水芙蓉发表于 2024-2-10 17:05
欣赏老师的精彩，祝新年快乐！

https://pic.rmb.bdstatic.com/bjh/news/af11f72ecc65909746533d0f4a14f3ec.gif

起个网名好难 发表于 2024-2-10 18:57

红影发表于 2024-2-10 17:01
十全十美的祝福呢，又喜庆又热闹。谢谢难难的好帖

https://pic.rmb.bdstatic.com/bjh/news/af11f72ecc65909746533d0f4a14f3ec.gif

马黑黑 发表于 2024-2-10 19:50

起个网名好难发表于 2024-2-10 18:56

{:4_191:}

红影发表于 2024-2-10 21:30

起个网名好难发表于 2024-2-10 18:57

这个图图真好看，谢谢难难。给您拜年了{:4_187:}

四海八荒 发表于 2024-2-11 11:04

好精致的帖子，打赏{:4_189:}

起个网名好难 发表于 2024-2-11 14:01

马黑黑发表于 2024-2-10 19:50

https://p4.itc.cn/q_70/images03/20210213/e5ac7a593eae4386b6310c8e6d6de9de.gif

起个网名好难 发表于 2024-2-11 14:01

红影发表于 2024-2-10 21:30
这个图图真好看，谢谢难难。给您拜年了

https://p4.itc.cn/q_70/images03/20210213/e5ac7a593eae4386b6310c8e6d6de9de.gif

起个网名好难 发表于 2024-2-11 14:02

四海八荒发表于 2024-2-11 11:04
好精致的帖子，打赏

https://p4.itc.cn/q_70/images03/20210213/e5ac7a593eae4386b6310c8e6d6de9de.gif

页: [1] 2

花潮论坛's Archiver

拜大年