js轮播图（定位轮播）采用fidin

准备条件：一堆大小相同的图片、写上一大堆li

设计思路：将一堆照片定位到一个地方，叠起来只显示一个

开始编写：1.将母容器设定位relative,将li设为绝对定位，并隐藏

2.将第一个li展示出来（li:first-child{display:block}）

3.写轮播按钮，并添加点击事件

4.点击轮播 触发方法

$('.click').on('click',function(){

var count=0;//首先获得图片下标记,默认为0

count++;//增加一个

if（count==_li.length）//如果放到了最后一张，让下一个count为0

{

count=0;

}

var _li=$('li')//获取li

_li.eq(count).fadeIn(1000).siblings().fadeOut(1000);//将第count图片展示，其他兄弟图片隐藏

});

反之向相反方向轮播逻辑一样，将轮播最后的条件改为（count==-1）count--