可爱老人网

 找回密码
 注册会员
搜索
123
返回列表 发新帖
楼主: 秋思梦景

【代码音画】轻松行走人世间

[复制链接]
发表于 2024-10-24 16:49 | 显示全部楼层
秋思梦景 发表于 2024-10-24 15:53
问候老师好!感谢您欣赏鼓励和支持!由于代码加入人物动画,使页面变形。有懂的老师指教!{: ...

除了加不了分,感觉很好的。
发表于 2024-10-24 17:23 | 显示全部楼层
[i=s] 本帖最后由 静悟 于 2024-10-24 17:31 编辑 [/i]









发表于 2024-10-24 17:30 | 显示全部楼层

<style>
        :root        {--w:1200px;--h:675px;}
  #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://cccimg.com/view.php/d618a983f690a56988c161e25bc6184e.png') 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>

</td></tr></table>去掉这个看看这是系统给的。

<div style="LEFT:-126px; POSITION:relative; TOP:-450px">
<img src="https://cccimg.com/view.php/e32852d2866af1d75695467e26aecad7.gif"/>
<br><br><br><br>

<div style="LEFT:526px; POSITION:relative; TOP:-450px">
<img src="https://cccimg.com/view.php/7107f1e7aef08cde953602f792b96229.gif"/>
<br><br><br><br>


<div style="LEFT:-526px; POSITION:relative; TOP:-650px">

<iframe width="220" height="105" frameborder="0" src="https://www.ixigua.com/iframe/7201480000602636815?autoplay=1" referrerpolicy="unsafe-url" allowfullscreen></iframe>

<div style="LEFT:6px; POSITION:relative; TOP:550px">


</script>

评分

参与人数 1人气值 +2 收起 理由
娟子 + 2 大赞!

查看全部评分

发表于 2024-10-24 18:26 | 显示全部楼层

静悟老师厉害,看到帖子已正常。我来学习了,点赞!
发表于 2024-10-24 20:41 | 显示全部楼层
老师好,欣赏学习视频佳作-轻松行走人世间,赏图听歌,点赞。
发表于 2024-10-25 20:10 | 显示全部楼层
欣赏老师的大图音画!评分 打不开!
        
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2024-11-24 02:11

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表