闲来无事,写几个轮播器来玩玩
1.纯css实现轮播器
- demo1:通过css3的动画属性对轮播进行实现,缺点是不灵活,只能是写死的几张图片,另外无法拖动;
- demo2:通过css3的动画属性对轮播进行实现,缺点是轮播索引不能实时滚动,索引触发滚动后不能从当前轮播图片轮播,而是从第一张图片开始,同时也存在demo1中的缺点;
2.js实现轮播器
- demo1:实现了简单的轮播自动效果,不过还未实现拖动效果,并且比较繁琐,希望能够用对象进行封装;
- demo2:通过jquery实现了一个简单的轮播页面;