彩票

1.样式引入需要加个时间戳
例如：

style.css?v=20161212

如果没有加时间戳或导致发测试环境时样式读取缓存，一开始展示乱了，过一段时间缓存慢慢消去。

2.弹窗遮罩等样式
弹窗fix定位
内容：父div 采用relative，子div 采用absolute.
内容框里面的内容可以按照正常排序写 ，不用定位。
层级关系：z-index;值越大越在上面。
jq操作class的增加和移出。
rem px 使用
大致不同手机的尺寸media

3.弹窗轮播两个页面
a. 引入slider.js和 Swip2.min.js。

b. slider调用Swip2.min.js的方法，其中 自定义的轮播方法[ lotterySlider(5000) ]写在slider.js里。

c. 在html中调用该方法。如下：

<script type="text/javascript">
lotterySlider(5000);
</script>

附上slider.js中自定义的轮播方法

// lottery轮播
/*幻灯片*/

lotterySlider = function(time) {
  var spans = "";
  var T = 0;
  var timeout = time;
  for (var i = 0; i < $(".lottery-wrap .lottery").length; i++) {
    spans += "<span></span>";
  }
  var T = 0;
  var timeout = time;

  var setIntervals = function() {
    if (T < $(".lottery-wrap .lottery").length) {
      T++;
    } else {
      T = 0;
    }
    //轮播
    return $("#sbsd span").eq(T).trigger("click");
  };

  var setauto = setInterval(setIntervals, timeout);
  $(".lottery-wrap .lottery").hover(function() {
    clearInterval(setauto);
  }, function() {
    setauto = setInterval(setIntervals, timeout);
  });

  $("#sbsd").html(spans);
  $("#sbsd span").eq(0).addClass("on");
  $("#sbsd span").bind('click', function() {
    var numb = $("#sbsd span").index(this);
    lotterySlider.slide(numb);
  });
  var lotterySlider = Swipe(document.getElementById('lotterySlider'), {
    continuous: true,
    callback: function(pos) {
      var i = $("#sbsd span").length;
      while (i--) {
        $("#sbsd span").removeClass("selects");
      }
      $("#sbsd span").eq(pos).addClass("on").siblings("span").removeClass("on");
    }
  });

  if (time === undefined) {
    clearInterval(setauto);
  }
};
/*幻灯结束*/