仿腾讯新闻打虎微场景、微展示源码

misachan · 发表于 2015-9-28 09:28:03

学习学习下～

金仕南 · 发表于 2015-9-28 11:25:05

下来看看支持一下

liuluenle · 发表于 2015-9-28 11:36:04

学习学习

suiwoziyou · 发表于 2015-9-28 11:53:57

学习学习

timesons · 发表于 2015-9-28 12:49:36

asdfasdfasdf

empire · 发表于 2015-9-28 13:51:10

赞啊

cradle · 发表于 2015-9-28 14:42:52

onProgress: function(swiper){
      for (var i = 0; i < swiper.slides.length; i++){
      var slide = swiper.slides[i];
      var progress = slide.progress;
      var translate = progress*swiper.height/4;
   scale = 1 - Math.min(Math.abs(progress * 0.5), 1);
      var opacity = 1 - Math.min(Math.abs(progress/2),0.5);
      slide.style.opacity = opacity;
   es = slide.style;
   es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = 'translate3d(0,'+translate+'px,-'+translate+'px) scaleY(' + scale + ')';

      }
   },

   onSetTransition: function(swiper, speed) {
      for (var i = 0; i < swiper.slides.length; i++){
      es = swiper.slides[i].style;
   es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = speed + 'ms';

      }
   },
这部分是什么意思？

cradle · 发表于 2015-9-28 14:43:13

cradle 发表于 2015-9-28 14:42
onProgress: function(swiper){
for (var i = 0; i < swiper.slides.length; i++){
var ...

如果不加会对切换有影响吗？

永恒暴雪 · 发表于 2015-9-28 14:44:20

这个给力，找了好久的例子，这个真不错

unzero · 发表于 2015-9-28 15:00:38

RE: 仿腾讯新闻打虎微