css这种轮播图是怎么做的？点下面的小点他会移动（如果足够就移6个，不够就有多少移多少）

Question

http://www.e-house.cn/这个网址最下面

Answer 1

首先，轮播这里你可以先获取总得滚动部分长度width()和一屏62的长度，然后设定每次滚动一屏也就是62的长度，如果content.width()减去一屏长度不足一屏长度时就滚动剩余长度（总长-6*2的长度）。
话说你这页面问题不少，布局都好多问题，有横向滚动，图片没有设置宽度，整个网站都没有限制宽度，中间图片hover时间加长点，缩放比例减少点

Answer 2

用了jQuery插件 OwlCarousel 搜搜看用法吧

Answer 3

你可以看一下swiper

Answer 4

单纯css不可以，还要加js,添加点击事件onclick

Answer 5

swiper很方便

Answer 6

css做的话可以做，提示一下用<input type="radio"/>再通过css的:check和渐变做，radio设置opacity: 0;且在两个小圆点上面确保能点击到，不过得不偿失，还是用js好点，代码思路如下

          .column{
                transition: all 0.4s ease-in;
            }
            #sex1:checked ~ .column{
                transform: translateX(0);
            }
             #sex2:checked ~ .column{
                transform: translateX(200px);
            }
      <input type="radio" name="sex" id="sex1"/>
        <input type="radio" name="sex" id="sex2"/>
         <div class="column">
               <div class="figure" ></div>
          </div>