index.js 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. // 视频模态框打开
  2. $(".video-button").click(function() {
  3. $(".modalKede").css("display", "block")
  4. document.getElementById("video_").play()
  5. })
  6. $(".button_video").click(function() {
  7. $(".modalKede").css("display", "block")
  8. document.getElementById("video_").play()
  9. })
  10. //视频模态框关闭
  11. $(".modalx_kede").click(function() {
  12. $(".modalKede").css("display", "none")
  13. document.getElementById("video_").pause()
  14. })
  15. // 滚动-产品列表动画
  16. xRoll($(".serve-list li"), function(e) {
  17. e.toggleClass("animation-slide-bottom50")
  18. })
  19. //滚动-栏目标题动画
  20. xRoll($(".item-title"), function(e) {
  21. e.toggleClass("animation-slide-bottom50")
  22. })
  23. //滚动-栏目描述动画
  24. xRoll($(".item-dec"), function(e) {
  25. e.toggleClass("animation-slide-bottom50")
  26. })
  27. //滚动-新闻盒子动画
  28. xRoll($(".mainnews"), function(e) {
  29. e.toggleClass("animation-slide-left")
  30. })
  31. //滚动-新闻盒子动画
  32. xRoll($(".newslist-right"), function(e) {
  33. e.toggleClass("animation-slide-right")
  34. })
  35. //滚动-资质荣誉动画
  36. xRoll($(".honor-box"), function(e) {
  37. e.toggleClass("animation-slide-bottom50")
  38. })
  39. //滚动-服务客户动画
  40. xRoll($("#swiper2"), function(e) {
  41. e.toggleClass("animation-slide-bottom50")
  42. })
  43. //滚动-关于我们盒子动画
  44. xRoll($(".about .col-lg-8"), function(e) {
  45. e.toggleClass("animation-slide-left")
  46. })
  47. //滚动-新闻盒子动画
  48. xRoll($(".about .col-lg-4"), function(e) {
  49. e.toggleClass("animation-slide-right")
  50. })
  51. //滚动-战略合作动画
  52. xRoll($("#swiper22"), function(e) {
  53. e.toggleClass("animation-slide-bottom50")
  54. })
  55. $(".serve-button").click(function(e) {
  56. e.preventDefault();
  57. e.stopPropagation();
  58. $("#nb_icon_wrap").click()
  59. })
  60. if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) { //移动端
  61. console.log("我是手机端")
  62. }else{
  63. //产品列表轮播
  64. var a = 0
  65. var uls = document.querySelector(".serve-list")
  66. var lis = uls.querySelectorAll("li")
  67. var times = null
  68. function forear(e) {
  69. for (var fore = 0; fore < lis.length; fore++) {
  70. lis[fore].classList.remove("active");
  71. }
  72. }
  73. var times = setInterval(function() {
  74. forear()
  75. lis[a].classList.add("active");
  76. a++;
  77. if (a > 7) { a = 0 }
  78. }, 1500)
  79. function startime() {
  80. for (var i = 0; i < lis.length; i++) {
  81. lis[i].addEventListener("mouseleave", function(e) {
  82. clearInterval(times)
  83. times = setInterval(function() {
  84. forear()
  85. lis[a].classList.add("active");
  86. a++;
  87. if (a > 7) { a = 0 }
  88. }, 1500)
  89. })
  90. }
  91. }
  92. startime()
  93. function product_a() {
  94. for (var i = 0; i < lis.length; i++) {
  95. lis[i].addEventListener("mouseenter", function(e) {
  96. clearInterval(times)
  97. forear()
  98. }, false)
  99. }
  100. }
  101. product_a();
  102. }
  103. function isIE() {
  104. if (!!window.ActiveXObject || "ActiveXObject" in window) {
  105. alert("您好!你当前的浏览器版本过低!安全系数较低!页面无法显示完全,请切换至其他浏览器!!")
  106. return true;
  107. } else {
  108. return false;  
  109. }
  110. }
  111. isIE()
  112. // 关于科德
  113. var time = 1;
  114. function dx(i) {
  115. if (i == 1) {
  116. $(".about-dot").removeClass("active").find(".bubble").hide()
  117. $(".about-dot.two").toggleClass("active").find(".bubble").fadeIn("fast") //2 长沙
  118. $(".about-dot.three").toggleClass("active").find(".bubble").fadeIn("fast") //3 北京
  119. $(".about-dot.sixteen").toggleClass("active").find(".bubble").fadeIn("fast") //16 内蒙古
  120. } else if (i == 2) {
  121. $(".about-dot").removeClass("active").find(".bubble").hide()
  122. $(".about-dot.eighteen").toggleClass("active").find(".bubble").fadeIn("fast") //18 长春
  123. $(".about-dot.ten").toggleClass("active").find(".bubble").fadeIn("fast") //10 昆明
  124. $(".about-dot.twenty").toggleClass("active").find(".bubble").fadeIn("fast") //20 新疆
  125. } else if (i == 3) {
  126. $(".about-dot").removeClass("active").find(".bubble").hide()
  127. $(".about-dot.fifteen").toggleClass("active").find(".bubble").fadeIn("fast") //15 拉萨
  128. $(".about-dot.seven").toggleClass("active").find(".bubble").fadeIn("fast") //7 广州
  129. $(".about-dot.twelve").toggleClass("active").find(".bubble").fadeIn("fast") //12 沈阳
  130. } else if (i == 4) {
  131. $(".about-dot").removeClass("active").find(".bubble").hide()
  132. $(".about-dot.eleven").toggleClass("active").find(".bubble").fadeIn("fast") //11 成都
  133. $(".about-dot.one").toggleClass("active").find(".bubble").fadeIn("fast") //1 福建
  134. $(".about-dot.nineteen").toggleClass("active").find(".bubble").fadeIn("fast") //19 贵州
  135. } else if (i == 5) {
  136. $(".about-dot").removeClass("active").find(".bubble").hide()
  137. $(".about-dot.seventeen").toggleClass("active").find(".bubble").fadeIn("fast") //17 石家庄
  138. $(".about-dot.thirteen ").toggleClass("active").find(".bubble").fadeIn("fast") //13 南昌
  139. $(".about-dot.six ").toggleClass("active").find(".bubble").fadeIn("fast") //13 山东
  140. } else if (i == 6) {
  141. $(".about-dot").removeClass("active").find(".bubble").hide()
  142. $(".about-dot.fourteen").toggleClass("active").find(".bubble").fadeIn("fast") //17 大连
  143. $(".about-dot.nine").toggleClass("active").find(".bubble").fadeIn("fast") //3 合肥
  144. $(".about-dot.five").toggleClass("active").find(".bubble").fadeIn("fast") //5 广西
  145. }
  146. }
  147. //循环定时器
  148. setInterval(function() {
  149. if (time > 6) { time = 1; }
  150. dx(time)
  151. time++
  152. }, 2300);