留言与评论(共有 0 条评论) |
发布时间:2020-04-12 09:08:36
以4张图片为例: 1.基本布局: 将4张图片左浮动横向并排放入一个div容器内,图片设置统一尺寸,div宽度设置4个图片的总尺寸,然后放入相框容器div, 相框设置1个图片的大小并设置溢出隐藏,以保证正确显示一个照片。 2.设置动画: 然后使用css3动画,通过对photos进行位移,从而达到显示不同的图片,每次偏移一个图片的宽度,即可显示下一张图片。 4张图片,需要切换3次. 根据需要可以对各个图片添加相应的序号和图片简介。 3.代码如下: 复制代码 1复制代码 复制代码
留言与评论(共有 0 条评论) |
全站搜索