BJ_web_developers / webportal

Blame view

js/portfollo.js 3.91 KB
Edit Raw Normal View History Permalink
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,                       //自动轮播的每次的时间 可以不设置 会有个默认值
        },
        // 如果需要前进后退按钮
  
  
      })
    }
8eb1c9b3   liuqimichale   新闻动态修改 
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
 
    if (_index == 3){
      new Swiper ('#portfolio-Patrol', {
        direction: 'horizontal',
        loop: true,
        speed: 500, //设置轮播时长 可以不设置 会有个默认值
        autoplay: true,//可选选项，自动滑动
        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination',
          clickable:true
        },
        autoplay: {
          disableOnInteraction: false,  //点击后继续轮播(这个很重要)
          delay: 1500,                       //自动轮播的每次的时间 可以不设置 会有个默认值
        },
        // 如果需要前进后退按钮
  
  
      })
    }
8cf8c4c7   Andy   产品界面 add 硬件平台 以及icon 
90
91
92
93
 
  })
  //硬件
  $('#portfolio-hardware-wrap li').on('click',function () {
      var _index = $(this).index();
f2386841   Andy   产品页 add css3 
94
95
96
97
 
      $('#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 
98
 
  })
18baebbd   liuqimichale   产品介绍 sass 
99
100
101
4c61ea2c   liuqimichale   产品介绍 Swiper 
102
 
   new Swiper ('#portfolio-rnt', {
18baebbd   liuqimichale   产品介绍 sass 
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
 
    direction: 'horizontal',
    loop: true,
    speed: 500, //设置轮播时长 可以不设置 会有个默认值
    autoplay: true,//可选选项，自动滑动
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable:true
    },
    autoplay: {
      disableOnInteraction: false,  //点击后继续轮播(这个很重要)
      delay: 3000,                       //自动轮播的每次的时间 可以不设置 会有个默认值
    },
    // 如果需要前进后退按钮
  
  
  })
4c61ea2c   liuqimichale   产品介绍 Swiper