无缝连续滚动代码

起个网名好难

<style>
        :root        {--w:1416px;--h:320px;}
  #oBlk {
    margin-left: 50% ; left:calc(-0.5 * var(--w));
    margin-top:50px;
    width: var(--w);
    height: var(--h);
    box-shadow: 3px 3px 10px #000;
    overflow: hidden;
    position: absolute;
  }

  #oBlk::before,
  #oBlk::after {
    position: absolute;
    content: '';
    left: var(--curX0);
    top: 0px;
    width: 100%;
    height: 100%;
    background: url('https://file.uhsea.com/2410/e1cd1d7b14e70d7c843c40b5b80d47efWG.jpg') no-repeat center / cover;
  }

  #oBlk::after {
    left: var(--curX1);
    transform: scaleX(-1);
  }
  #comp {height:calc(var(--h) + 100px);}
</style>
<div id="oBlk"></div>
<div id="comp"></div>
<script>
{
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('5 4=6.g;5 7=1.0,8=0,2=0,3=4,b;5 9=()=>{2-=7;3-=7;a(2<=-4)2=4;a(3<=-4)3=4;8=3+(2>=0?1:-1);6.c.d(\'--2\',2+\'e\');6.c.d(\'--3\',8+\'e\');b=f(9)};9();',17,17,'||curX0|curX1|blkWidth|let|oBlk|step|tune|moving|if|raf|style|setProperty|px|requestAnimationFrame|offsetWidth'.split('|'),0,{}))
}  
</script>

起个网名好难

需要改动的仅三处， 一个宽度，一个高度和图片的地址。

老谟深虑

        谢谢老师的代码，辛苦了！

起个网名好难

老谟深虑 发表于 2024-10-13 08:27
谢谢老师的代码，辛苦了！

谢谢支持鼓励

咕咚来了

已经记下来。

起个网名好难

丁香 发表于 2024-10-13 08:51
谢谢老师，早上好！

谢谢支持鼓励， 上午好！

起个网名好难

咕咚来了 发表于 2024-10-13 08:51
已经记下来。

谢谢支持鼓励

起个网名好难

丁香 发表于 2024-10-13 08:58
奇怪的，回复个代码还要审核通过。

只有纯粹的文字不需要审核，图片、代码都要审， 已经习惯了

起个网名好难

西湖 发表于 2024-10-13 09:08
谢谢老师，早上好！

谢谢支持鼓励， 上午好！

起个网名好难

丁香 发表于 2024-10-13 09:21
老师，您看可以把图片放高一点，靠右一点吗？

放高点好办，偏右也不是不好调，现在这是相对屏幕居中（无论宽窄的屏幕都如此），向右一些反倒是不居中了。