88 幅菩薩寶像

195400

黔中一叟

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

雄鷹翱翔

欣賞佳作，贊一個(gè)！

冰山-雪蓮

梵音生香  虔誠聆聽

寒冬殘荷

195400

寒冬殘荷 發(fā)表于 2021-7-29 23:01
本帖最后由 寒冬殘荷 于 2021-7-29 23:21 編輯
/*視窗div */
#scdiv{width:1000px;height:896px;overfl ...

不錯(cuò)！跑得有點(diǎn)快了。

寒冬殘荷

195400 發(fā)表于 2021-7-30 06:27
不錯(cuò)！跑得有點(diǎn)快了。

謝謝老師，照搬你的代碼來練習(xí)。太慢沒有耐心看完。我是給自己看的，想看循環(huán)重復(fù)時(shí)的對(duì)接情況。

寒冬殘荷

195400 發(fā)表于 2021-7-30 06:27
不錯(cuò)！跑得有點(diǎn)快了。

老師，我看到您的圖片是向右倒數(shù)移動(dòng)的，是我的瀏覽器問題還是您的代碼就是要這樣的效果？

195400

寒冬殘荷 發(fā)表于 2021-7-30 09:06
老師，我看到您的圖片是向右倒數(shù)移動(dòng)的，是我的瀏覽器問題還是您的代碼就是要這樣的效果？

1樓的動(dòng)畫設(shè)置

1.                
   
2. @keyframes picMoveLeft        {             /* 動(dòng)畫定義 底部定位 向左移        */                                                                                                
   
3.                 0%        {left:-53450px;}             /* 起始位置 總寬度 - 框?qū)?60966 - 1000*/                                                                                                
   
4.                 100%{left:-210px;}                        /*         結(jié)束位置 起始位置 - 不含最后兩張圖片的總寬度 */                                                                                            
   
5.         }
   

復(fù)制代碼

5樓的動(dòng)畫設(shè)置

1. @keyframes picLeft{  /* 動(dòng)畫定義-向左移動(dòng)*/                                                                                                
   
2. 0%{left:0px;}    /* 起始位置。*/                                                                                                
   
3. 100%{left:-53450px;}   /*結(jié)束位置= - [總寬度-1000(視窗寬度)] */                                                                                            
   
4. }
   

復(fù)制代碼

設(shè)置不同效果也不會(huì)相同

195400

寒冬殘荷 發(fā)表于 2021-7-30 09:03
謝謝老師，照搬你的代碼來練習(xí)。太慢沒有耐心看完。我是給自己看的，想看循環(huán)重復(fù)時(shí)的對(duì)接情況。

測(cè)試是把時(shí)間設(shè)得短點(diǎn)，正式發(fā)表再把時(shí)間改得長(zhǎng)一些就好。