论坛 › 【代码图腾】 › 88 幅菩萨宝像

195400 发表于 2020-7-7 23:26

88 幅菩萨宝像

本帖最后由 195400 于 2021-7-30 11:08 编辑 <br /><br /><style type="text/css">
        #picblock         {
                width:54450px;
                /**        width:53240px;                不含最后一张图片的宽度        */
                height:896px;                        /*        全部图片高度        */
                animation: picMoveLeft 676s linear infinite;                                                                                 
                position:absolute;
        }
        #picblock > img {
                float:left;
                height:896px;
                width:600px;
                margin-right:5px;
                -webkit-mask-image: radial-gradient(black 50%, transparent 87%);
                -webkit-mask-size: cover;
        }
       
        #slideFrame        {
                width:1000px;
                height:896px;
                overflow:hidden;
                position:relative;
        }
        #picblock:hover        {
                animation-play-state: paused;
        }
       
        @keyframes picMoveLeft        {           /* 动画定义 底部定位 向左移        */                                                                                                
                0%        {right:-53450px;}           /* 起始位置 总宽度 - 框宽 60966 - 1000*/                                                                                                
                100%{right:-210px;}                        /*         结束位置 起始位置 - 不含最后两张图片的总宽度 */                                                                                          
        }
</style>
<div style="width:1000px;padding:32px;position:relative;margin:120px 0 10px -160px; background-image:url(http://bbs.foz.cn/data/attachment/forum/201508/16/071751t779ia8z9tmffauu.jpg);">
<div id="slideFrame">

        <div id="picblock" >
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512145956d4a6e08f8727.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512140037a6024645ae88.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512143bc1a2f6ad6bb514.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151214c046b87ad48e7c0d.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151214db8f57e4f75ea0d1.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512155b5f3447c864751e.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512156321f05bad5addf6.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512159bf7206017bd2cfa.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512158627f53bcc266c3b.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512154b2a21b5c8ee6e46.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151215dac888da31f9ed77.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512159c97da2fdecbd9e5.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512166e34cdd78807e1e9.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512161042a1ce3ca53730.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151216edd6bcac094d9a28.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512177974d2c630205917.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512176eeb6901a7fb9d97.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151217cdade761b60b9618.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151217f277aee932f2e884.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512164b0ec04846cb279a.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151218f154b8f70145b553.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415121853c85437748ba23d.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151218b07609b26d53ced6.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512186fef86590a752d85.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415121826e8f034ca4514d5.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151218a03d35e880dc0179.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415121856fa7a15a77ecdb1.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151218f28364de146a05f7.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415121897d51ac4938353b3.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151218ea07aa62d558e1d0.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151219e0027ac0733c9d78.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415121924287f10e19983ce.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151219de79cc9221187407.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151219adf45e0dce10a473.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512190b23cfdf8c63ca04.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151220f41d547984fd2b69.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512203c0db2a00a47c61c.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122098b44c45115d3a3c.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151220e6afbc4756d0c9bf.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151219a004e5e8cafdb2a6.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122195778bda5cce95b6.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122109b431518d2d5237.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122163d6cb0cd72a8ea3.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122102c43f62595cfa66.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122108873d84d51e0ac4.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151221efcd2c45d39f0eb8.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151221050d17c23fd496a6.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122154bca87e45a6562f.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151221e8f742407950c846.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512217a76984866b5f2e9.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512241214793dc4cf6f35.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122497953948521d9ccf.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151224259d5d17ee59252b.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512249b20ebe85d485008.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151224f671651c672b8cf8.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151224f7beaca0f20ac166.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512241c49ca961dee924b.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151224fb5423b3491b87d4.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512245086bd796b26d3d3.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122491b10341a1cef957.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151225a208cb71b9d16601.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226cbd5bdb1da5f0727.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226962c8ccfa778e471.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512263b8c389b16c14d0b.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226a8c75cd013592c79.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512263eae3faf3d9b579b.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226c74ba21b09ab0efd.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226059d673655713f6b.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226692c9dda17df602c.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122558280e4b499a81f8.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122780cf920a12d91461.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122762e0db7c07ded419.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151227daeda1fd2ceceb34.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512277138f9d12095ce0d.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122716f5911c8418328a.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151227fe9259bb36ef79b4.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151228fb247bcd3c9ad29a.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512280b9cc87628c0c87b.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512288c1da94ac37ec3e3.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151227abc2fd301abb0d59.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122927c394f0ce1ff93a.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122931f11cf760654727.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122984fd4de0768cdd8f.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151229039ac02abb635487.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151229fc55d0dcf2a6e1cc.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512296924bd9745806ab1.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151229fc3870745f0f56b4.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151229bbbb04ebd85761a3.jpg">

<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512145956d4a6e08f8727.jpg">
<imgsrc="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512140037a6024645ae88.jpg">
</div></div></div>


<audio src="http://link.hhtjim.com/163/1373604201.mp3" autoplay loop />

<

黔中一叟 发表于 2020-7-7 23:32

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

雄鹰翱翔 发表于 2020-7-8 02:40

欣赏佳作，赞一个！

冰山-雪莲 发表于 2020-9-18 21:51

梵音生香虔诚聆听

寒冬残荷 发表于 2021-7-29 23:01

本帖最后由 寒冬残荷 于 2021-7-30 10:35 编辑 <br /><br /><style type="text/css">
/*外边框div */
#wbkdiv{width:1000px;padding:32px;position:relative;margin:0px auto; left :-20px; background-image:url(https://z3.ax1x.com/2021/07/29/Wq27Xq.jpg); }
/*视窗div */
#scdiv{width:1000px;height:896px;overflow:hidden;position:relative; margin:0px auto; background-image:url(https://z3.ax1x.com/2021/07/29/Wq27Xq.jpg); }
/*装所有图片(每张间隔5px)的div，89+2张图片(一张封面。为了连接性好，后面重复放前两张)总宽度605*91＝55055，height:896px;每张图片的高度*/
#picdiv{width:55055px;height:896px;animation: picLeft 450s linear infinite; animation-delay: 3s; position: relative; left:0px}
/*img元素的样式。float:left 表示图片从左至右排列，mask蒙板 */
#picdiv > img {float:left;height:896px;width:600px;margin-right:5px; -webkit-mask-image:radial-gradient(black 50%, transparent 87%); -webkit-mask-size: cover;}
/*鼠标放到视窗上时暂停移动，现不用它。 */
/* #picdiv:hover{animation-play-state: paused;} */
@keyframes picLeft{ /* 动画定义-向左移动*/                                                
0%{left:0px;}/* 起始位置。*/                                                
100%{left:-54055px;}/*结束位置= - [总宽度-1000(视窗宽度)] */                                             
}
</style>
<div id="wbkdiv">
<div id="scdiv">
<div id="picdiv" >
<img src="https://z3.ax1x.com/2021/07/30/WLkzwR.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512145956d4a6e08f8727.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512140037a6024645ae88.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512143bc1a2f6ad6bb514.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151214c046b87ad48e7c0d.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151214db8f57e4f75ea0d1.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512155b5f3447c864751e.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512156321f05bad5addf6.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512159bf7206017bd2cfa.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512158627f53bcc266c3b.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512154b2a21b5c8ee6e46.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151215dac888da31f9ed77.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512159c97da2fdecbd9e5.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512166e34cdd78807e1e9.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512161042a1ce3ca53730.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151216edd6bcac094d9a28.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512177974d2c630205917.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512176eeb6901a7fb9d97.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151217cdade761b60b9618.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151217f277aee932f2e884.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512164b0ec04846cb279a.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151218f154b8f70145b553.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415121853c85437748ba23d.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151218b07609b26d53ced6.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512186fef86590a752d85.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415121826e8f034ca4514d5.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151218a03d35e880dc0179.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415121856fa7a15a77ecdb1.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151218f28364de146a05f7.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415121897d51ac4938353b3.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151218ea07aa62d558e1d0.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151219e0027ac0733c9d78.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415121924287f10e19983ce.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151219de79cc9221187407.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151219adf45e0dce10a473.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512190b23cfdf8c63ca04.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151220f41d547984fd2b69.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512203c0db2a00a47c61c.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122098b44c45115d3a3c.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151220e6afbc4756d0c9bf.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151219a004e5e8cafdb2a6.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122195778bda5cce95b6.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122109b431518d2d5237.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122163d6cb0cd72a8ea3.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122102c43f62595cfa66.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122108873d84d51e0ac4.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151221efcd2c45d39f0eb8.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151221050d17c23fd496a6.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122154bca87e45a6562f.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151221e8f742407950c846.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512217a76984866b5f2e9.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512241214793dc4cf6f35.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122497953948521d9ccf.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151224259d5d17ee59252b.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512249b20ebe85d485008.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151224f671651c672b8cf8.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151224f7beaca0f20ac166.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512241c49ca961dee924b.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151224fb5423b3491b87d4.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512245086bd796b26d3d3.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122491b10341a1cef957.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151225a208cb71b9d16601.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226cbd5bdb1da5f0727.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226962c8ccfa778e471.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512263b8c389b16c14d0b.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226a8c75cd013592c79.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512263eae3faf3d9b579b.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226c74ba21b09ab0efd.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226059d673655713f6b.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151226692c9dda17df602c.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122558280e4b499a81f8.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122780cf920a12d91461.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122762e0db7c07ded419.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151227daeda1fd2ceceb34.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512277138f9d12095ce0d.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122716f5911c8418328a.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151227fe9259bb36ef79b4.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151228fb247bcd3c9ad29a.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512280b9cc87628c0c87b.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512288c1da94ac37ec3e3.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151227abc2fd301abb0d59.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122927c394f0ce1ff93a.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122931f11cf760654727.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/090415122984fd4de0768cdd8f.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151229039ac02abb635487.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151229fc55d0dcf2a6e1cc.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512296924bd9745806ab1.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151229fc3870745f0f56b4.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/0904151229bbbb04ebd85761a3.jpg">
<img src="https://z3.ax1x.com/2021/07/30/WLkzwR.jpg">
<img src="http://bbs.foz.cn/data/attachment/forum/forumid_20/09041512145956d4a6e08f8727.jpg">
</div></div></div>

195400 发表于 2021-7-30 06:27

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

不错！跑得有点快了。

寒冬残荷 发表于 2021-7-30 09:03

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

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

寒冬残荷 发表于 2021-7-30 09:06

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

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

195400 发表于 2021-7-30 09:21

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

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

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

设置不同效果也不会相同

195400 发表于 2021-7-30 09:24

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

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

查看完整版本: 88 幅菩萨宝像