楼主: admin
打印 上一主题 下一主题

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

  [复制链接]

该用户从未签到

0

主题

3

帖子

33

积分

新手上路

Rank: 1

积分
33
1531#
发表于 2015-9-28 12:49:36 | 只看该作者
asdfasdfasdf
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

1

帖子

11

积分

新手上路

Rank: 1

积分
11
1532#
发表于 2015-9-28 13:51:10 | 只看该作者
赞啊
回复

使用道具 举报

该用户从未签到

1

主题

7

帖子

29

积分

新手上路

Rank: 1

积分
29
1533#
发表于 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';

        }
      },
这部分是什么意思?
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

7

帖子

29

积分

新手上路

Rank: 1

积分
29
1534#
发表于 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  ...

如果不加会对切换有影响吗?
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

1

帖子

11

积分

新手上路

Rank: 1

积分
11
1535#
发表于 2015-9-28 14:44:20 | 只看该作者
这个给力,找了好久的例子,这个真不错
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

1

帖子

11

积分

新手上路

Rank: 1

积分
11
1536#
发表于 2015-9-28 15:00:38 | 只看该作者
RE: 仿腾讯新闻打虎微
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

1

帖子

21

积分

新手上路

Rank: 1

积分
21
1537#
发表于 2015-9-28 16:57:03 | 只看该作者
kan xia ~~~~~
回复

使用道具 举报

该用户从未签到

0

主题

2

帖子

22

积分

新手上路

Rank: 1

积分
22
1538#
发表于 2015-9-29 09:21:18 | 只看该作者
谢谢分享
回复

使用道具 举报

该用户从未签到

2

主题

6

帖子

80

积分

注册会员

Rank: 2

积分
80
1539#
发表于 2015-9-29 10:57:19 | 只看该作者
学习学习
回复

使用道具 举报

该用户从未签到

0

主题

1

帖子

11

积分

新手上路

Rank: 1

积分
11
1540#
发表于 2015-9-29 11:18:25 | 只看该作者
很不错,来学习,项目中正好使用
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2025-7-27 15:15 , Processed in 0.068745 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表