效果如下：(动态效果可复制代码查看，案例中的图片可自行选择添加)

代码如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title/title style * { margin :0；划水：0;列表样式：无；} div {位置：相对宽度： 800像素；高度： 200像素；border: 5px实心浅绿色；margin:10px汽车；飞越：隐藏；} div ul { position : absolute eleft :0 top :0 } div ul Li { width : 200 px高度： 200像素；向左浮动：} div ul Li img {宽度：100%；高度： 100%;}/style/head dydiv id=' div 1 ' ul liimg src=' http :http://www .qd funs。com/misc . PHP？mod=attach gender=editor aid=b 4251 f 00 ef 925 CBA 01 ed 49 ca 117 e 14 a 7 ' alt=' '//Li Li img src=' http :http://www .qd funs。com/misc . PHP？mod=attach gender=editor aid=d 38403825519770211 CBF 49459 AE 7d 7 ' alt=' '//Li liimg src=' http :3358 www .qd uns。com/misc . PHP？mod=attach gender=editor aid=53 c 83d 39 c 62 af 65 db 998 f 4945 bacaec 2 ' alt=' '//Li Li img src=' http :http://www .qd funs。com/misc . PHP？mod=attach gender=editor aid=5509 f1 a 642644 b 40 c 8 aa 98 c 9 e2c 77 a 83 ' alt=' '//Li/ul/div script var=document。GetElementsBytagname(' ul ')[0]；var lis=OUl。getelementsbytagname(' Li ')；乌尔。innerHTMl=oul。innerHTMl乌尔。风格。宽度=lis。长度* lis[0].offsettwidth ' pxvar left=nullvar timer=setInterval(function(){ left-=3；如果(左)。偏移量为/2){ left=0；} oUl.style.left=left 'px' }，10)/script/body/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！