portfollo.js
3.91 KB
1
2
3
4
5
6
7
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
//软件
$('#portfolio-soft-wrap li').on('click',function () {
var _index = $(this).index();
$('#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');
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, //自动轮播的每次的时间 可以不设置 会有个默认值
},
// 如果需要前进后退按钮
})
}
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, //自动轮播的每次的时间 可以不设置 会有个默认值
},
// 如果需要前进后退按钮
})
}
})
//硬件
$('#portfolio-hardware-wrap li').on('click',function () {
var _index = $(this).index();
$('#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');
})
new Swiper ('#portfolio-rnt', {
direction: 'horizontal',
loop: true,
speed: 500, //设置轮播时长 可以不设置 会有个默认值
autoplay: true,//可选选项，自动滑动
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
clickable:true
},
autoplay: {
disableOnInteraction: false, //点击后继续轮播(这个很重要)
delay: 3000, //自动轮播的每次的时间 可以不设置 会有个默认值
},
// 如果需要前进后退按钮
})