portfollo.js
1.47 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
//软件
$('#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');
})
//硬件
$('#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');
})
var mySwiper = new Swiper ('#portfolio-rnt', {
direction: 'horizontal',
loop: true,
speed: 500, //设置轮播时长 可以不设置 会有个默认值
autoplay: true,//可选选项，自动滑动
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
clickable:true
},
autoplay: {
disableOnInteraction: false, //点击后继续轮播(这个很重要)
delay: 3000, //自动轮播的每次的时间 可以不设置 会有个默认值
},
// 如果需要前进后退按钮
})