product.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. $(document).ready(function () {
  2. var swiperH = new Swiper('.swiper-container-h', {
  3. direction: 'horizontal',
  4. //loop: true, // 循环模式选项
  5. //autoplay: true, //自动轮播
  6. // delay: 9000,
  7. pagination: {
  8. el: '.swiper-pagination-h',
  9. },
  10. navigation: {
  11. nextEl: '.swiper-button-next',
  12. prevEl: '.swiper-button-prev',
  13. },
  14. spaceBetween: 50,
  15. on: {
  16. slideChangeTransitionEnd: function () {
  17. //alert(this.activeIndex); //切换结束时,告诉我现在是第几个slide
  18. var index = this.activeIndex;
  19. var $yewu = $('#tab_con1 .yewu');
  20. var $wangluo = $('#tab_con1 .wangluo');
  21. var $buding = $('#tab_con1 .buding');
  22. var $yunwei = $('#tab_con1 .yunwei');
  23. if (index == 0) {
  24. if ($wangluo.length != 0) {
  25. $.each($wangluo, function (index, item) {
  26. if ($(item).attr('class').indexOf('border') != -1) {
  27. $(item).removeClass('border')
  28. }
  29. })
  30. }
  31. if ($buding.length != 0) {
  32. $.each($buding, function (index, item) {
  33. if ($(item).attr('class').indexOf('border') != -1) {
  34. $(item).removeClass('border')
  35. }
  36. })
  37. }
  38. if ($yunwei.length != 0) {
  39. $.each($yunwei, function (index, item) {
  40. if ($(item).attr('class').indexOf('border') != -1) {
  41. $(item).removeClass('border')
  42. }
  43. })
  44. }
  45. if ($yewu.length != 0) {
  46. $.each($yewu, function (index, item) {
  47. $(item).addClass('border')
  48. })
  49. }
  50. } else if (index == 1) {
  51. if ($yewu.length != 0) {
  52. $.each($yewu, function (index, item) {
  53. if ($(item).attr('class').indexOf('border') != -1) {
  54. $(item).removeClass('border')
  55. }
  56. })
  57. }
  58. if ($buding.length != 0) {
  59. $.each($buding, function (index, item) {
  60. if ($(item).attr('class').indexOf('border') != -1) {
  61. $(item).removeClass('border')
  62. }
  63. })
  64. }
  65. if ($yunwei.length != 0) {
  66. $.each($yunwei, function (index, item) {
  67. if ($(item).attr('class').indexOf('border') != -1) {
  68. $(item).removeClass('border')
  69. }
  70. })
  71. }
  72. if ($wangluo.length != 0) {
  73. $.each($wangluo, function (index, item) {
  74. $(item).addClass('border')
  75. })
  76. }
  77. } else if (index == 2) {
  78. if ($yewu.length != 0) {
  79. $.each($yewu, function (index, item) {
  80. if ($(item).attr('class').indexOf('border') != -1) {
  81. $(item).removeClass('border')
  82. }
  83. })
  84. }
  85. if ($wangluo.length != 0) {
  86. $.each($wangluo, function (index, item) {
  87. if ($(item).attr('class').indexOf('border') != -1) {
  88. $(item).removeClass('border')
  89. }
  90. })
  91. }
  92. if ($yunwei.length != 0) {
  93. $.each($yunwei, function (index, item) {
  94. if ($(item).attr('class').indexOf('border') != -1) {
  95. $(item).removeClass('border')
  96. }
  97. })
  98. }
  99. if ($buding.length != 0) {
  100. $.each($buding, function (index, item) {
  101. $(item).addClass('border')
  102. })
  103. }
  104. } else if (index == 3) {
  105. // 综合运维
  106. if ($yewu.length != 0) {
  107. $.each($yewu, function (index, item) {
  108. if ($(item).attr('class').indexOf('border') != -1) {
  109. $(item).removeClass('border')
  110. }
  111. })
  112. }
  113. if ($wangluo.length != 0) {
  114. $.each($wangluo, function (index, item) {
  115. if ($(item).attr('class').indexOf('border') != -1) {
  116. $(item).removeClass('border')
  117. }
  118. })
  119. }
  120. if ($buding.length != 0) {
  121. $.each($buding, function (index, item) {
  122. if ($(item).attr('class').indexOf('border') != -1) {
  123. $(item).removeClass('border')
  124. }
  125. })
  126. }
  127. if ($yunwei.length != 0) {
  128. $.each($yunwei, function (index, item) {
  129. $(item).addClass('border')
  130. })
  131. }
  132. }
  133. },
  134. },
  135. });
  136. $('.product_tmp_link').hover(function () {
  137. $('.product_tmp_icon').removeClass('is-leave')
  138. $(this).find('.product_tmp_icon').addClass('is-enter')
  139. },
  140. function () {
  141. $(this).find('.product_tmp_icon').addClass('is-leave')
  142. $('.product_tmp_icon').removeClass('is-enter')
  143. })
  144. $('.top').click(function (e) {
  145. e.preventDefault();
  146. $("body,html").animate({
  147. scrollTop: 0
  148. }, 500);
  149. });
  150. });