BJ_web_developers / webportal

Blame view

js/portfollo.js 3.31 KB
Edit Raw Normal View History
8cf8c4c7   Andy   产品界面 add 硬件平台 以及icon 
1
2
3
 
  //软件
  $('#portfolio-soft-wrap li').on('click',function () {
      var _index = $(this).index();
f2386841   Andy   产品页 add css3 
4
5
6
7
 
      $('#portfolio-soft-wrap li').eq(_index).addClass('active').siblings().removeClass('active');
      $('#portfolio-soft-wrap li').children('div').addClass('displaynone');
      $('#portfolio-soft-wrap li').eq(_index).children('div').removeClass('displaynone');
      $('#portfolio-section-wrap>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone');
4c61ea2c   liuqimichale   产品介绍 Swiper 
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
      if (_index == 0){
        new Swiper ('#portfolio-rnt', {
          direction: 'horizontal',
          loop: true,
          speed: 500, //设置轮播时长 可以不设置 会有个默认值
          autoplay: true,//可选选项，自动滑动
          // 如果需要分页器
          pagination: {
            el: '.swiper-pagination',
            clickable:true
          },
          autoplay: {
            disableOnInteraction: false,  //点击后继续轮播(这个很重要)
            delay: 1500,                       //自动轮播的每次的时间 可以不设置 会有个默认值
          },
          // 如果需要前进后退按钮
  
  
        })
      }
    if (_index == 1){
      new Swiper ('#portfolio-pc', {
        direction: 'horizontal',
        loop: true,
        speed: 500, //设置轮播时长 可以不设置 会有个默认值
        autoplay: true,//可选选项，自动滑动
        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination',
          clickable:true
        },
        autoplay: {
          disableOnInteraction: false,  //点击后继续轮播(这个很重要)
          delay: 1500,                       //自动轮播的每次的时间 可以不设置 会有个默认值
        },
        // 如果需要前进后退按钮
  
  
      })
    }
    if (_index == 2){
      new Swiper ('#portfolio-analysis', {
        direction: 'horizontal',
        loop: true,
        speed: 500, //设置轮播时长 可以不设置 会有个默认值
        autoplay: true,//可选选项，自动滑动
        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination',
          clickable:true
        },
        autoplay: {
          disableOnInteraction: false,  //点击后继续轮播(这个很重要)
          delay: 1500,                       //自动轮播的每次的时间 可以不设置 会有个默认值
        },
        // 如果需要前进后退按钮
  
  
      })
    }
8cf8c4c7   Andy   产品界面 add 硬件平台 以及icon 
69
70
71
72
 
  })
  //硬件
  $('#portfolio-hardware-wrap li').on('click',function () {
      var _index = $(this).index();
f2386841   Andy   产品页 add css3 
73
74
75
76
 
      $('#portfolio-hardware-wrap li').eq(_index).addClass('active').siblings().removeClass('active');
      $('#portfolio-hardware-wrap li').children('div').addClass('displaynone');
      $('#portfolio-hardware-wrap li').eq(_index).children('div').removeClass('displaynone');
      $('#portfolio-section-hardware>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone');
8cf8c4c7   Andy   产品界面 add 硬件平台 以及icon 
77
 
  })
18baebbd   liuqimichale   产品介绍 sass 
78
79
80
4c61ea2c   liuqimichale   产品介绍 Swiper 
81
 
   new Swiper ('#portfolio-rnt', {
18baebbd   liuqimichale   产品介绍 sass 
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
 
    direction: 'horizontal',
    loop: true,
    speed: 500, //设置轮播时长 可以不设置 会有个默认值
    autoplay: true,//可选选项，自动滑动
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable:true
    },
    autoplay: {
      disableOnInteraction: false,  //点击后继续轮播(这个很重要)
      delay: 3000,                       //自动轮播的每次的时间 可以不设置 会有个默认值
    },
    // 如果需要前进后退按钮
  
  
  })
4c61ea2c   liuqimichale   产品介绍 Swiper