子比主题-首页幻灯片循环滚动波浪动画

这是一款子比主题顶部多功能组件下面滚动波浪的动画，并且在子比主题中实现幻灯片循环滚动波浪动画效果，并且适配了子比主题白天/昼夜切换，喜欢的自行部署吧！ 

演示图片

代码部署

一共两个代码，一个是CSS样式，一个是JS代码，直接在子比主题后台 自定义代码 部署就行，话不多说直接开始！

CSS代码

.parallax {
  fill: var(--body-bg-color);
}
.parallax > use {
  animation: move-forever 30s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  opacity: 0.5;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  opacity: 0.6;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  opacity: 0.7;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  opacity: 1;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}

JS代码

var _0xod2='jsjiami.com.v7';function _0x2ec4(_0x48bf11,_0x1389ff){const _0x24e97e=_0x24e9();return _0x2ec4=function(_0x2ec4d2,_0x29dda2){_0x2ec4d2=_0x2ec4d2-0xc9;let _0x44b472=_0x24e97e[_0x2ec4d2];if(_0x2ec4['aUvUWA']===undefined){var _0x3bfa51=function(_0x3d9f68){const _0x4f9067='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0xc43918='',_0xd03646='';for(let _0x4d7940=0x0,_0x444c2d,_0x1c75b3,_0x2a6532=0x0;_0x1c75b3=_0x3d9f68['charAt'](_0x2a6532++);~_0x1c75b3&&(_0x444c2d=_0x4d7940%0x4?_0x444c2d*0x40+_0x1c75b3:_0x1c75b3,_0x4d7940++%0x4)?_0xc43918+=String['fromCharCode'](0xff&_0x444c2d>>(-0x2*_0x4d7940&0x6)):0x0){_0x1c75b3=_0x4f9067['indexOf'](_0x1c75b3);}for(let _0x31a41d=0x0,_0x556346=_0xc43918['length'];_0x31a41d<_0x556346;_0x31a41d++){_0xd03646+='%'+('00'+_0xc43918['charCodeAt'](_0x31a41d)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0xd03646);};const _0x4eaa7b=function(_0xb6c95d,_0x263d65){let _0x1fb8cd=[],_0x48d90a=0x0,_0x2aadbf,_0xf552d1='';_0xb6c95d=_0x3bfa51(_0xb6c95d);let _0x51d83f;for(_0x51d83f=0x0;_0x51d83f<0x100;_0x51d83f++){_0x1fb8cd[_0x51d83f]=_0x51d83f;}for(_0x51d83f=0x0;_0x51d83f<0x100;_0x51d83f++){_0x48d90a=(_0x48d90a+_0x1fb8cd[_0x51d83f]+_0x263d65['charCodeAt'](_0x51d83f%_0x263d65['length']))%0x100,_0x2aadbf=_0x1fb8cd[_0x51d83f],_0x1fb8cd[_0x51d83f]=_0x1fb8cd[_0x48d90a],_0x1fb8cd[_0x48d90a]=_0x2aadbf;}_0x51d83f=0x0,_0x48d90a=0x0;for(let _0x23b7f4=0x0;_0x23b7f4<_0xb6c95d['length'];_0x23b7f4++){_0x51d83f=(_0x51d83f+0x1)%0x100,_0x48d90a=(_0x48d90a+_0x1fb8cd[_0x51d83f])%0x100,_0x2aadbf=_0x1fb8cd[_0x51d83f],_0x1fb8cd[_0x51d83f]=_0x1fb8cd[_0x48d90a],_0x1fb8cd[_0x48d90a]=_0x2aadbf,_0xf552d1+=String['fromCharCode'](_0xb6c95d['charCodeAt'](_0x23b7f4)^_0x1fb8cd[(_0x1fb8cd[_0x51d83f]+_0x1fb8cd[_0x48d90a])%0x100]);}return _0xf552d1;};_0x2ec4['ptrPcE']=_0x4eaa7b,_0x48bf11=arguments,_0x2ec4['aUvUWA']=!![];}const _0x28a33b=_0x24e97e[0x0],_0x5df0f1=_0x2ec4d2+_0x28a33b,_0x12507d=_0x48bf11[_0x5df0f1];return!_0x12507d?(_0x2ec4['Sflekl']===undefined&&(_0x2ec4['Sflekl']=!![]),_0x44b472=_0x2ec4['ptrPcE'](_0x44b472,_0x29dda2),_0x48bf11[_0x5df0f1]=_0x44b472):_0x44b472=_0x12507d,_0x44b472;},_0x2ec4(_0x48bf11,_0x1389ff);}const _0x7c845b=_0x2ec4;(function(_0x136499,_0x539257,_0x326ce5,_0x291ac3,_0x472c0f,_0x3887eb,_0x371851){return _0x136499=_0x136499>>0x7,_0x3887eb='hs',_0x371851='hs',function(_0x11fd2a,_0x444f58,_0x4eb7b8,_0x30dade,_0x340984){const _0x4806e3=_0x2ec4;_0x30dade='tfi',_0x3887eb=_0x30dade+_0x3887eb,_0x340984='up',_0x371851+=_0x340984,_0x3887eb=_0x4eb7b8(_0x3887eb),_0x371851=_0x4eb7b8(_0x371851),_0x4eb7b8=0x0;const _0x479a56=_0x11fd2a();while(!![]&&--_0x291ac3+_0x444f58){try{_0x30dade=-parseInt(_0x4806e3(0xe7,'QUw['))/0x1*(parseInt(_0x4806e3(0xee,'79Zg'))/0x2)+parseInt(_0x4806e3(0xe1,'26ND'))/0x3+parseInt(_0x4806e3(0xf8,'q3Sj'))/0x4*(-parseInt(_0x4806e3(0xdb,'5f2y'))/0x5)+-parseInt(_0x4806e3(0xd6,'hAIF'))/0x6*(parseInt(_0x4806e3(0xd5,'^8c%'))/0x7)+parseInt(_0x4806e3(0xcb,'!^[S'))/0x8+-parseInt(_0x4806e3(0xfa,'p0P&'))/0x9+parseInt(_0x4806e3(0xe2,'j88['))/0xa;}catch(_0x4e80ce){_0x30dade=_0x4eb7b8;}finally{_0x340984=_0x479a56[_0x3887eb]();if(_0x136499<=_0x291ac3)_0x4eb7b8?_0x472c0f?_0x30dade=_0x340984:_0x472c0f=_0x340984:_0x4eb7b8=_0x340984;else{if(_0x4eb7b8==_0x472c0f['replace'](/[gEWrXxQRMdHUhwStAVO=]/g,'')){if(_0x30dade===_0x444f58){_0x479a56['un'+_0x3887eb](_0x340984);break;}_0x479a56[_0x371851](_0x340984);}}}}}(_0x326ce5,_0x539257,function(_0x31709f,_0x5836fc,_0x564f2d,_0x3c0d82,_0x5490e1,_0x131342,_0x3aaa86){return _0x5836fc='\x73\x70\x6c\x69\x74',_0x31709f=arguments[0x0],_0x31709f=_0x31709f[_0x5836fc](''),_0x564f2d='\x72\x65\x76\x65\x72\x73\x65',_0x31709f=_0x31709f[_0x564f2d]('\x76'),_0x3c0d82='\x6a\x6f\x69\x6e',(0x1acf5d,_0x31709f[_0x3c0d82](''));});}(0x6300,0x76ec3,_0x24e9,0xc8),_0x24e9)&&(_0xod2=0x13a9);document[_0x7c845b(0xf5,'&@%M')]('DOMContentLoaded',()=>{const _0x512c7d=_0x7c845b,_0x51396b={'qrgBg':_0x512c7d(0xe8,'m[Y&'),'FVZjm':_0x512c7d(0xfd,'^8c%'),'JVPYi':'xmlns','WpRlg':'viewBox','PubdF':_0x512c7d(0xd0,'KxN!'),'Gnqxc':'preserveAspectRatio','ZemYM':'none','ApdrH':_0x512c7d(0xca,'GLBq'),'EGNww':_0x512c7d(0xf1,'b3N)'),'xrmcA':_0x512c7d(0xec,'b3N)'),'PzyUg':_0x512c7d(0xf7,'j88['),'tNnfz':_0x512c7d(0xe6,'QUw[')},_0x8b2513=document[_0x512c7d(0xed,'Ec[h')](_0x51396b[_0x512c7d(0xef,'26ND')]);_0x8b2513['forEach'](_0x1775dd=>{const _0x1ab3c9=_0x512c7d,_0x432697=document[_0x1ab3c9(0x100,'^8c%')](_0x51396b[_0x1ab3c9(0xd3,'v^fs')],_0x51396b[_0x1ab3c9(0xd8,']$D&')]);_0x432697[_0x1ab3c9(0xf6,'GLBq')](_0x51396b[_0x1ab3c9(0xea,'f8m9')],_0x51396b[_0x1ab3c9(0xdd,'[8mB')]),_0x432697[_0x1ab3c9(0xf2,'!^[S')](_0x51396b[_0x1ab3c9(0xff,'v^fs')],_0x51396b[_0x1ab3c9(0xf0,'m[Y&')]),_0x432697[_0x1ab3c9(0xd1,'1Iph')](_0x51396b[_0x1ab3c9(0xe5,'q*7E')],_0x51396b['ZemYM']),_0x432697[_0x1ab3c9(0xf3,'JO5w')][_0x1ab3c9(0xeb,'tp7^')]=_0x51396b[_0x1ab3c9(0xda,'%6bj')],_0x432697[_0x1ab3c9(0xfc,'^8c%')][_0x1ab3c9(0xd4,'KxN!')]=_0x51396b[_0x1ab3c9(0xd9,'iq7B')],_0x432697[_0x1ab3c9(0xce,'q3Sj')][_0x1ab3c9(0xf9,'hAIF')]=_0x51396b[_0x1ab3c9(0xc9,'EDbM')],_0x432697[_0x1ab3c9(0xd2,'%6bj')][_0x1ab3c9(0xd7,'f8m9')]='0',_0x432697['style'][_0x1ab3c9(0xe0,'%6bj')]='0',_0x432697[_0x1ab3c9(0xcc,'m[Y&')]['zIndex']='10',_0x432697[_0x1ab3c9(0xdf,'29*Z')]=_0x51396b[_0x1ab3c9(0xfe,'JO5w')];const _0x168e1e=_0x1ab3c9(0xe9,'aGFw');_0x432697['innerHTML']=_0x168e1e,_0x1775dd['appendChild'](_0x432697);});});function _0x24e9(){const _0x510d34=(function(){return[_0xod2,'gHgjhsrxjOiUatORmHiSh.rcOXoVwm.ASEvWM7Qd==','eSkroLxdLeqQ','W5HCmSkjWQ8KW5/dLmkHW78Hh8kupKhcTMpdTrFcMmkAWQTzW78vWQS','sCkZj8kQWQGrWOtcL8o5BM/cPM7cJSk9D8kGgSoboMpdQZFcH8o7WRxdU8kFhqnVW6xdUSkDWQJdUmk3vCoQW6VdPu1LWRiOmwldUZmBlN7cOSoAWRqsWO4PWQtcGb3cJh3cRZFdICoyiSorW5O6pSodW7JdRfJdSmkBW6yMASk2pCkKWRO/DmosW754W7O7deGeW7jPWRT5WRSOW49hnftcLCohW6m7EbRdN8odaLFcU2XnrmoCfCoztSoqmCoibG5KW4e8W5VcJuNcNSkHWQNcImkQW5uSW4XehXVdNwtdHmkSwmkvW5RdUZa8cv3dNuRcMmoTW55FwN0ucwtcVshdTXz7W4pcKxinW5b1W6GnW6FdGMamd2hcLCkXBt5LcWX/vCkFWPhcRCoyW5jAW5FdISoRWP7dNmk7tKiaW7ddVsa3B2BcRvyxW5z7CSkqWQlcMXVcNCoEmCkUW6tcNmolvbmeWOVcLIaYs8kQqmo9nXuhpa7cKbjLW7ydE8kwoCkfgCkAWOpdHSotl8oLW50FfISTWRy7bmo0B8kqWQj0EWfNW5v/n8ozsSoWfYidW5b5qCk4WQqgBSotaJXBumk0ysddGsBcGwVcQ8oVWQdcNg1IWRaEpHldHhtdO8o+BrPZW5jkqLhdU8o7WO/dRmkFWOjjWQhdUSkYB8kSW5q2W6ZcJLZcLqZcQKtdGspcT8o5W4VdM8o4DGNcJ0SQEdSNWR3cLb0vCmoPxKxdLtlcKCoViCo0v8o3FaddTamoWRzhs8kbdwHaCZdcGSkerCoSm8o9cCk0FSovW4NcG8oYWO4mW41I','eSkfl1Dm','W7DXFcz9','p8oRbCkcy0T5W4q','bSolnNHPW4r6W7XfW67cJ8oMtmkkdvq','W4xdRcmugSkiux/cR8k7W5S','sCouyvbW','W6bDjmkDW5m','z8k5bSkv','WPpcJcbNEtHvWRddHSkHW7xcNq','lK3dV0ZcJG','nLalgmkEF8omyeRcJmojDhW','x8onm8kdWPbvW63cGSoaWR03jSkSWQv2WPy','zW7dG8kJW6BcU8kFdmkQW6SoaW','A8kDmmkMW7NdGwNcSCkvW74tWRBcSmkTW5JdGG','wSkJFmkAW5f+WONcQmk/WO3cJW'].concat((function(){return['wCkNlmouWP7cRvtdGG','W4tcVmkSuePbx0mbW6ZcTmorW4K','WPm2bhLJwxik','W5v7q8onWQ0','W5v5xq','dupdV3xcJa','vSkuWRuKWQq','W4v9x8oaWRZdOdTPW5yIoSoeW6lcO08','W51Yixf0','jvVcH8oh','W5FdMw0upNSrWRtdKCkeW6tcVJu','W4nCp8kvW7a','rqFdTCkmsbpcKt3cNSozW48','gmoMnCohWOi','W5v0AmkYDsWsW6VdNSoyWRKO','pXFdKCk+gqddV8kPW4nKWRW','uuHLcK3dKW0OcmkNmCkK','WQldH8ooig0','CmkwWOakWQq','z1lcISoTuuu'].concat((function(){return['WPm6aSkvW7/cStnlW5u7kmo+','h8o+f8owWRZcSh3dVW','nmk2gxO','WPvIW6xcK8kH','W6T/WP0rWQO','WPddG8otpKa','mfGhzCoOjmkexeK','fCo+WPldPmo1dfNcTSkgWQ4dWODM','uCkoW5KnWOm','W6ifWO/dImo6zCk7WPBcT2tdSq','g8kNWQSGs1nXW7xdPq','WRpdNmodogFdOG','bmkOoa84WQVcVmojcXJcKSok','pSovzSoYWQtcMZJcRmkTW4uMWQNdQ8kZ','ptK2Cmk1WPBdP8oxW47cJCkbpmkKwq','d8kzySkdWQbFW7lcNSo/','WQi/FmkuWOC','dSkEjLpdNeauW5OhitNcPqH/mSoaW5z6z3VcRIuDqSkeqMddS8kTW4L+qCojWRZdHCkkE8oyrCkq'];}()));}()));}());_0x24e9=function(){return _0x510d34;};return _0x24e9();};var version_ = 'jsjiami.com.v7';