88 幅菩萨宝像

195400

黔中一叟

问好朋友，分享你提供的精采佛像。功德无量！

雄鹰翱翔

欣赏佳作，赞一个！

冰山-雪莲

梵音生香  虔诚聆听

寒冬残荷

195400

寒冬残荷 发表于 2021-7-29 23:01
本帖最后由 寒冬残荷 于 2021-7-29 23:21 编辑
/*视窗div */
#scdiv{width:1000px;height:896px;overfl ...

不错！跑得有点快了。

寒冬残荷

195400 发表于 2021-7-30 06:27
不错！跑得有点快了。

谢谢老师，照搬你的代码来练习。太慢没有耐心看完。我是给自己看的，想看循环重复时的对接情况。

寒冬残荷

195400 发表于 2021-7-30 06:27
不错！跑得有点快了。

老师，我看到您的图片是向右倒数移动的，是我的浏览器问题还是您的代码就是要这样的效果？

195400

寒冬残荷 发表于 2021-7-30 09:06
老师，我看到您的图片是向右倒数移动的，是我的浏览器问题还是您的代码就是要这样的效果？

1楼的动画设置

1.                
   
2. @keyframes picMoveLeft        {             /* 动画定义 底部定位 向左移        */                                                                                                
   
3.                 0%        {left:-53450px;}             /* 起始位置 总宽度 - 框宽 60966 - 1000*/                                                                                                
   
4.                 100%{left:-210px;}                        /*         结束位置 起始位置 - 不含最后两张图片的总宽度 */                                                                                            
   
5.         }
   

复制代码

5楼的动画设置

1. @keyframes picLeft{  /* 动画定义-向左移动*/                                                                                                
   
2. 0%{left:0px;}    /* 起始位置。*/                                                                                                
   
3. 100%{left:-53450px;}   /*结束位置= - [总宽度-1000(视窗宽度)] */                                                                                            
   
4. }
   

复制代码

设置不同效果也不会相同

195400

寒冬残荷 发表于 2021-7-30 09:03
谢谢老师，照搬你的代码来练习。太慢没有耐心看完。我是给自己看的，想看循环重复时的对接情况。

测试是把时间设得短点，正式发表再把时间改得长一些就好。