常见的仿Flash图片轮播效果

现在基本在很多网站上都能看到轮播效果，虽然有点烂大街的赶脚，但是这个效果确实很好看，很时尚，今天分享下代码相对较少的轮播框架，望采纳 。

 

①向左滑动：

　　　思路：

将几个图片用分别用几个 li 包住，并且左浮动，设置ul为绝对定位，设置ul外面的div为相对定位，并设置overflo：hidden；然后定时向左移动一个图片的宽度；

代码地址：https://github.com/peng666/blogs/tree/gh-pages/flash

在线测试地址：http://peng666.github.io/blogs/flash

②通过改变透明度：

　　我把所有图片都设置transition：opacity 0.5 ;省去了很多通过js调整透明度的代码

 

代码地址：https://github.com/peng666/blogs/tree/gh-pages/flash1

在线测试地址：http://peng666.github.io/blogs/flash1

转载于:https://www.cnblogs.com/zpfind/p/5512147.html