富茂链客Pcg官网
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

355 lines
13 KiB

  1. // $(".headerBox").load("../html/head.html");
  2. $(".suspension").load("../html/suspension.html");
  3. $(".footer").load("../html/footer.html");
  4. $(function () {
  5. // var swiper = new Swiper(".mySwiper", {
  6. // loop: true,
  7. // autoplay: true,
  8. // pagination: {
  9. // el: ".swiper-pagination",
  10. // },
  11. // });
  12. $("#home").click(function () {
  13. $("html,body").animate({ scrollTop: $(".concentrationBox").offset().top }, 1000)
  14. });
  15. $("#jiejue").click(function () {
  16. $("html,body").animate({ scrollTop: $(".h3").offset().top }, 1000)
  17. });
  18. $("#fuwu").click(function () {
  19. $("html,body").animate({ scrollTop: $("#mian").offset().top }, 1000)
  20. });
  21. $("#anli").click(function () {
  22. $("html,body").animate({ scrollTop: $(".caseBox").offset().top }, 1000)
  23. });
  24. $("#women").click(function () {
  25. $("html,body").animate({ scrollTop: $(".aboutUt").offset().top }, 1000)
  26. });
  27. $(".itemImgBox1").click(function () {
  28. $(".activity1").css("display", "block")
  29. $(".activity2").css("display", "none")
  30. $(".activity3").css("display", "none")
  31. $(".activity4").css("display", "none")
  32. $(".explainBox1").css("display", "block")
  33. $(".explainBox2").css("display", "none")
  34. $(".explainBox3").css("display", "none")
  35. $(".explainBox4").css("display", "none")
  36. })
  37. $(".itemImgBox2").click(function () {
  38. $(".activity1").css("display", "none")
  39. $(".activity2").css("display", "block")
  40. $(".activity3").css("display", "none")
  41. $(".activity4").css("display", "none")
  42. $(".explainBox1").css("display", "none")
  43. $(".explainBox2").css("display", "block")
  44. $(".explainBox3").css("display", "none")
  45. $(".explainBox4").css("display", "none")
  46. })
  47. $(".itemImgBox3").click(function () {
  48. $(".activity1").css("display", "none")
  49. $(".activity2").css("display", "none")
  50. $(".activity3").css("display", "block")
  51. $(".activity4").css("display", "none")
  52. $(".explainBox1").css("display", "none")
  53. $(".explainBox2").css("display", "none")
  54. $(".explainBox3").css("display", "block")
  55. $(".explainBox4").css("display", "none")
  56. })
  57. $(".itemImgBox4").click(function () {
  58. $(".activity1").css("display", "none")
  59. $(".activity2").css("display", "none")
  60. $(".activity3").css("display", "none")
  61. $(".activity4").css("display", "block")
  62. $(".explainBox1").css("display", "none")
  63. $(".explainBox2").css("display", "none")
  64. $(".explainBox3").css("display", "none")
  65. $(".explainBox4").css("display", "block")
  66. })
  67. // 动画组
  68. $(".caseLogo1").mouseenter(function () {
  69. $(".caseLogo1").animate({ width: '443px' }, 300, function () {
  70. $(".caseLogo2").stop()
  71. $(".caseLogo3").stop()
  72. $(".caseLogo4").stop()
  73. $(".caseLogo5").stop()
  74. // 隐藏其他
  75. $(".caseLogo2").css("width", "222px")
  76. $(".jinbaoBoxA2").css("display", "none")
  77. $(".logoBox2").css("display", "block")
  78. $(".caseLogo3").css("width", "222px")
  79. $(".jinbaoBoxA3").css("display", "none")
  80. $(".logoBox3").css("display", "block")
  81. $(".caseLogo4").css("width", "222px")
  82. $(".jinbaoBoxA4").css("display", "none")
  83. $(".logoBox4").css("display", "block")
  84. $(".caseLogo5").css("width", "222px")
  85. $(".jinbaoBoxA5").css("display", "none")
  86. $(".logoBox5").css("display", "block")
  87. $(".jinbaoBoxA1").css("display", "block")
  88. $(".logoBox1").css("display", "none")
  89. })
  90. })
  91. // $(".caseLogo1").mouseleave(function() {
  92. // $(".caseLogo1").stop()
  93. // // 隐藏其他
  94. // $(".caseLogo2").css("width", "222px")
  95. // $(".jinbaoBoxA2").css("display", "none")
  96. // $(".logoBox2").css("display", "block")
  97. // $(".caseLogo3").css("width", "222px")
  98. // $(".jinbaoBoxA3").css("display", "none")
  99. // $(".logoBox3").css("display", "block")
  100. // $(".caseLogo4").css("width", "222px")
  101. // $(".jinbaoBoxA4").css("display", "none")
  102. // $(".logoBox4").css("display", "block")
  103. // $(".caseLogo1").animate({ width: '222px' }, 300)
  104. // $(".jinbaoBoxA1").css("display", "none")
  105. // $(".logoBox1").css("display", "block")
  106. // })
  107. $(".caseLogo2").mouseenter(function () {
  108. $(".caseLogo2").stop()
  109. $(".caseLogo1").stop()
  110. $(".caseLogo3").stop()
  111. $(".caseLogo4").stop()
  112. // 隐藏其他
  113. $(".caseLogo1").css("width", "222px")
  114. $(".jinbaoBoxA1").css("display", "none")
  115. $(".logoBox1").css("display", "block")
  116. $(".caseLogo3").css("width", "222px")
  117. $(".jinbaoBoxA3").css("display", "none")
  118. $(".logoBox3").css("display", "block")
  119. $(".caseLogo4").css("width", "222px")
  120. $(".jinbaoBoxA4").css("display", "none")
  121. $(".logoBox4").css("display", "block")
  122. $(".caseLogo5").css("width", "222px")
  123. $(".jinbaoBoxA5").css("display", "none")
  124. $(".logoBox5").css("display", "block")
  125. $(".caseLogo2").animate({ width: '443px' }, 300, function () {
  126. $(".jinbaoBoxA2").css("display", "block")
  127. $(".logoBox2").css("display", "none")
  128. })
  129. })
  130. $(".caseLogo2").mouseleave(function () {
  131. $(".caseLogo2").stop()
  132. $(".caseLogo1").stop()
  133. $(".caseLogo3").stop()
  134. $(".caseLogo4").stop()
  135. $(".caseLogo5").stop()
  136. // 隐藏其他
  137. $(".caseLogo1").css("width", "222px")
  138. $(".jinbaoBoxA1").css("display", "none")
  139. $(".logoBox1").css("display", "block")
  140. $(".caseLogo3").css("width", "222px")
  141. $(".jinbaoBoxA3").css("display", "none")
  142. $(".logoBox3").css("display", "block")
  143. $(".caseLogo4").css("width", "222px")
  144. $(".jinbaoBoxA4").css("display", "none")
  145. $(".logoBox4").css("display", "block")
  146. $(".caseLogo5").css("width", "222px")
  147. $(".jinbaoBoxA5").css("display", "none")
  148. $(".logoBox5").css("display", "block")
  149. $(".jinbaoBoxA2").css("display", "none")
  150. $(".logoBox2").css("display", "block")
  151. $(".caseLogo2").animate({ width: '222px' }, 300, function () {
  152. $(".caseLogo1").css("width", '443px')
  153. $(".jinbaoBoxA1").css("display", "block")
  154. $(".logoBox1").css("display", "none")
  155. })
  156. })
  157. $(".caseLogo3").mouseenter(function () {
  158. $(".caseLogo2").stop()
  159. $(".caseLogo1").stop()
  160. $(".caseLogo3").stop()
  161. $(".caseLogo4").stop()
  162. $(".caseLogo5").stop()
  163. // 隐藏其他
  164. $(".caseLogo2").css("width", "222px")
  165. $(".jinbaoBoxA2").css("display", "none")
  166. $(".logoBox2").css("display", "block")
  167. $(".caseLogo1").css("width", "222px")
  168. $(".jinbaoBoxA1").css("display", "none")
  169. $(".logoBox1").css("display", "block")
  170. $(".caseLogo4").css("width", "222px")
  171. $(".jinbaoBoxA4").css("display", "none")
  172. $(".logoBox4").css("display", "block")
  173. $(".caseLogo5").css("width", "222px")
  174. $(".jinbaoBoxA5").css("display", "none")
  175. $(".logoBox5").css("display", "block")
  176. $(".caseLogo3").animate({ width: '443px' }, 300, function () {
  177. $(".jinbaoBoxA3").css("display", "block")
  178. $(".logoBox3").css("display", "none")
  179. })
  180. })
  181. $(".caseLogo3").mouseleave(function () {
  182. $(".caseLogo2").stop()
  183. $(".caseLogo1").stop()
  184. $(".caseLogo3").stop()
  185. $(".caseLogo4").stop()
  186. $(".caseLogo5").stop()
  187. // 隐藏其他
  188. $(".caseLogo2").css("width", "222px")
  189. $(".jinbaoBoxA2").css("display", "none")
  190. $(".logoBox2").css("display", "block")
  191. $(".caseLogo1").css("width", "222px")
  192. $(".jinbaoBoxA1").css("display", "none")
  193. $(".logoBox1").css("display", "block")
  194. $(".caseLogo4").css("width", "222px")
  195. $(".jinbaoBoxA4").css("display", "none")
  196. $(".logoBox4").css("display", "block")
  197. $(".caseLogo5").css("width", "222px")
  198. $(".jinbaoBoxA5").css("display", "none")
  199. $(".logoBox5").css("display", "block")
  200. $(".jinbaoBoxA3").css("display", "none")
  201. $(".logoBox3").css("display", "block")
  202. $(".caseLogo3").animate({ width: '222px' }, 300, function () {
  203. $(".caseLogo1").css("width", '443px')
  204. $(".jinbaoBoxA1").css("display", "block")
  205. $(".logoBox1").css("display", "none")
  206. })
  207. })
  208. $(".caseLogo4").mouseenter(function () {
  209. $(".caseLogo2").stop()
  210. $(".caseLogo1").stop()
  211. $(".caseLogo3").stop()
  212. $(".caseLogo4").stop()
  213. $(".caseLogo5").stop()
  214. // 隐藏其他
  215. $(".caseLogo2").css("width", "222px")
  216. $(".jinbaoBoxA2").css("display", "none")
  217. $(".logoBox2").css("display", "block")
  218. $(".caseLogo3").css("width", "222px")
  219. $(".jinbaoBoxA3").css("display", "none")
  220. $(".logoBox3").css("display", "block")
  221. $(".caseLogo1").css("width", "222px")
  222. $(".jinbaoBoxA1").css("display", "none")
  223. $(".logoBox1").css("display", "block")
  224. $(".caseLogo1").css("width", "222px")
  225. $(".jinbaoBoxA5").css("display", "none")
  226. $(".logoBox5").css("display", "block")
  227. $(".caseLogo5").css("width", "222px")
  228. $(".jinbaoBoxA4").css("display", "none")
  229. $(".logoBox4").css("display", "block")
  230. $(".caseLogo4").animate({ width: '443px' }, 300, function () {
  231. $(".jinbaoBoxA4").css("display", "block")
  232. $(".logoBox4").css("display", "none")
  233. })
  234. })
  235. $(".caseLogo4").mouseleave(function () {
  236. $(".caseLogo2").stop()
  237. $(".caseLogo1").stop()
  238. $(".caseLogo3").stop()
  239. $(".caseLogo4").stop()
  240. $(".caseLogo5").stop()
  241. // 隐藏其他
  242. $(".caseLogo2").css("width", "222px")
  243. $(".jinbaoBoxA2").css("display", "none")
  244. $(".logoBox2").css("display", "block")
  245. $(".caseLogo3").css("width", "222px")
  246. $(".jinbaoBoxA3").css("display", "none")
  247. $(".logoBox3").css("display", "block")
  248. $(".caseLogo1").css("width", "222px")
  249. $(".jinbaoBoxA1").css("display", "none")
  250. $(".logoBox1").css("display", "block")
  251. $(".caseLogo5").css("width", "222px")
  252. $(".jinbaoBoxA5").css("display", "none")
  253. $(".logoBox5").css("display", "block")
  254. $(".jinbaoBoxA4").css("display", "none")
  255. $(".logoBox4").css("display", "block")
  256. $(".caseLogo4").animate({ width: '222px' }, 300, function () {
  257. $(".caseLogo1").css("width", '443px')
  258. $(".jinbaoBoxA1").css("display", "block")
  259. $(".logoBox1").css("display", "none")
  260. })
  261. })
  262. $(".caseLogo5").mouseenter(function () {
  263. $(".caseLogo2").stop()
  264. $(".caseLogo1").stop()
  265. $(".caseLogo3").stop()
  266. $(".caseLogo4").stop()
  267. $(".caseLogo5").stop()
  268. // 隐藏其他
  269. $(".caseLogo2").css("width", "222px")
  270. $(".jinbaoBoxA2").css("display", "none")
  271. $(".logoBox2").css("display", "block")
  272. $(".caseLogo3").css("width", "222px")
  273. $(".jinbaoBoxA3").css("display", "none")
  274. $(".logoBox3").css("display", "block")
  275. $(".caseLogo1").css("width", "222px")
  276. $(".jinbaoBoxA1").css("display", "none")
  277. $(".logoBox1").css("display", "block")
  278. $(".caseLogo4").css("width", "222px")
  279. $(".jinbaoBoxA4").css("display", "none")
  280. $(".logoBox4").css("display", "block")
  281. $(".caseLogo5").animate({ width: '443px' }, 300, function () {
  282. $(".jinbaoBoxA5").css("display", "block")
  283. $(".logoBox5").css("display", "none")
  284. })
  285. })
  286. $(".caseLogo5").mouseleave(function () {
  287. $(".caseLogo2").stop()
  288. $(".caseLogo1").stop()
  289. $(".caseLogo3").stop()
  290. $(".caseLogo4").stop()
  291. $(".caseLogo5").stop()
  292. // 隐藏其他
  293. $(".caseLogo2").css("width", "222px")
  294. $(".jinbaoBoxA2").css("display", "none")
  295. $(".logoBox2").css("display", "block")
  296. $(".caseLogo3").css("width", "222px")
  297. $(".jinbaoBoxA3").css("display", "none")
  298. $(".logoBox3").css("display", "block")
  299. $(".caseLogo1").css("width", "222px")
  300. $(".jinbaoBoxA1").css("display", "none")
  301. $(".logoBox1").css("display", "block")
  302. $(".caseLogo4").css("width", "222px")
  303. $(".jinbaoBoxA4").css("display", "none")
  304. $(".logoBox4").css("display", "block")
  305. $(".jinbaoBoxA5").css("display", "none")
  306. $(".logoBox5").css("display", "block")
  307. $(".caseLogo5").animate({ width: '222px' }, 300, function () {
  308. $(".caseLogo1").css("width", '443px')
  309. $(".jinbaoBoxA1").css("display", "block")
  310. $(".logoBox1").css("display", "none")
  311. })
  312. })
  313. $(".concentrationBox").click(function () {
  314. // window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn")
  315. })
  316. })