BJ_web_developers / webportal

Blame view

js/portfollo.js 1.47 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');
8cf8c4c7   Andy   产品界面 add 硬件平台 以及icon 
8
9
10
11
 
  })
  //硬件
  $('#portfolio-hardware-wrap li').on('click',function () {
      var _index = $(this).index();
f2386841   Andy   产品页 add css3 
12
13
14
15
 
      $('#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 
16
 
  })
18baebbd   liuqimichale   产品介绍 sass 
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
  
  
  
  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,                       //自动轮播的每次的时间 可以不设置 会有个默认值
    },
    // 如果需要前进后退按钮
  
  
  })