CSS 轮播图的实现(纯CSS,连续滑动无倒滑效果)

html-css05

CSS 轮播图的实现(纯CSS,连续滑动无倒滑效果),第1张

简单demo:使用HTML+CSS 实现轮播图(三张图为例,分别为:红、绿、蓝)的效果。

不能发视频,截图来代替吧

1.显示 轮播图1(实际轮播的第2个元素li)

2.显示 轮播图2(实际轮播的第3个元素li)

3.显示 轮播图3(实际轮播的第4个元素li)

4.显示 轮播图1(实际轮播的第5个元素li,之后会紧跟着重复以上动作)

可以使用jQuery的animate,如果你用jQ库的话。

应该是ul 使用absolute,li不用absolute,ul的父类使用relative。

如果是使用CSS3的话,有一个transition这个属性里也有一个animate