富茂链客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.
 
 
 

258 lines
9.5 KiB

  1. // $(".headerBox").load("../html/head.html");
  2. $(".suspension").load("../html/suspension.html");
  3. $(".footer").load("../html/footer.html");
  4. $(function() {
  5. $("#home").click(function() {
  6. $("html,body").animate({ scrollTop: $(".concentrationBox").offset().top }, 1000)
  7. });
  8. $("#jiejue").click(function() {
  9. $("html,body").animate({ scrollTop: $(".h3").offset().top }, 1000)
  10. });
  11. $("#fuwu").click(function() {
  12. $("html,body").animate({ scrollTop: $("#mian").offset().top }, 1000)
  13. });
  14. $("#anli").click(function() {
  15. $("html,body").animate({ scrollTop: $(".caseBox").offset().top }, 1000)
  16. });
  17. $("#women").click(function() {
  18. $("html,body").animate({ scrollTop: $(".aboutUt").offset().top }, 1000)
  19. });
  20. $(".itemImgBox1").click(function() {
  21. $(".activity1").css("display", "block")
  22. $(".activity2").css("display", "none")
  23. $(".activity3").css("display", "none")
  24. $(".activity4").css("display", "none")
  25. $(".explainBox1").css("display", "block")
  26. $(".explainBox2").css("display", "none")
  27. $(".explainBox3").css("display", "none")
  28. $(".explainBox4").css("display", "none")
  29. })
  30. $(".itemImgBox2").click(function() {
  31. $(".activity1").css("display", "none")
  32. $(".activity2").css("display", "block")
  33. $(".activity3").css("display", "none")
  34. $(".activity4").css("display", "none")
  35. $(".explainBox1").css("display", "none")
  36. $(".explainBox2").css("display", "block")
  37. $(".explainBox3").css("display", "none")
  38. $(".explainBox4").css("display", "none")
  39. })
  40. $(".itemImgBox3").click(function() {
  41. $(".activity1").css("display", "none")
  42. $(".activity2").css("display", "none")
  43. $(".activity3").css("display", "block")
  44. $(".activity4").css("display", "none")
  45. $(".explainBox1").css("display", "none")
  46. $(".explainBox2").css("display", "none")
  47. $(".explainBox3").css("display", "block")
  48. $(".explainBox4").css("display", "none")
  49. })
  50. $(".itemImgBox4").click(function() {
  51. $(".activity1").css("display", "none")
  52. $(".activity2").css("display", "none")
  53. $(".activity3").css("display", "none")
  54. $(".activity4").css("display", "block")
  55. $(".explainBox1").css("display", "none")
  56. $(".explainBox2").css("display", "none")
  57. $(".explainBox3").css("display", "none")
  58. $(".explainBox4").css("display", "block")
  59. })
  60. // 动画组
  61. $(".caseLogo1").mouseenter(function() {
  62. $(".caseLogo1").animate({ width: '443px' }, 300, function() {
  63. $(".caseLogo2").stop()
  64. $(".caseLogo3").stop()
  65. $(".caseLogo4").stop()
  66. // 隐藏其他
  67. $(".caseLogo2").css("width", "222px")
  68. $(".jinbaoBoxA2").css("display", "none")
  69. $(".logoBox2").css("display", "block")
  70. $(".caseLogo3").css("width", "222px")
  71. $(".jinbaoBoxA3").css("display", "none")
  72. $(".logoBox3").css("display", "block")
  73. $(".caseLogo4").css("width", "222px")
  74. $(".jinbaoBoxA4").css("display", "none")
  75. $(".logoBox4").css("display", "block")
  76. $(".jinbaoBoxA1").css("display", "block")
  77. $(".logoBox1").css("display", "none")
  78. })
  79. })
  80. // $(".caseLogo1").mouseleave(function() {
  81. // $(".caseLogo1").stop()
  82. // // 隐藏其他
  83. // $(".caseLogo2").css("width", "222px")
  84. // $(".jinbaoBoxA2").css("display", "none")
  85. // $(".logoBox2").css("display", "block")
  86. // $(".caseLogo3").css("width", "222px")
  87. // $(".jinbaoBoxA3").css("display", "none")
  88. // $(".logoBox3").css("display", "block")
  89. // $(".caseLogo4").css("width", "222px")
  90. // $(".jinbaoBoxA4").css("display", "none")
  91. // $(".logoBox4").css("display", "block")
  92. // $(".caseLogo1").animate({ width: '222px' }, 300)
  93. // $(".jinbaoBoxA1").css("display", "none")
  94. // $(".logoBox1").css("display", "block")
  95. // })
  96. $(".caseLogo2").mouseenter(function() {
  97. $(".caseLogo2").stop()
  98. $(".caseLogo1").stop()
  99. $(".caseLogo3").stop()
  100. $(".caseLogo4").stop()
  101. // 隐藏其他
  102. $(".caseLogo1").css("width", "222px")
  103. $(".jinbaoBoxA1").css("display", "none")
  104. $(".logoBox1").css("display", "block")
  105. $(".caseLogo3").css("width", "222px")
  106. $(".jinbaoBoxA3").css("display", "none")
  107. $(".logoBox3").css("display", "block")
  108. $(".caseLogo4").css("width", "222px")
  109. $(".jinbaoBoxA4").css("display", "none")
  110. $(".logoBox4").css("display", "block")
  111. $(".caseLogo2").animate({ width: '443px' }, 300, function() {
  112. $(".jinbaoBoxA2").css("display", "block")
  113. $(".logoBox2").css("display", "none")
  114. })
  115. })
  116. $(".caseLogo2").mouseleave(function() {
  117. $(".caseLogo2").stop()
  118. $(".caseLogo1").stop()
  119. $(".caseLogo3").stop()
  120. $(".caseLogo4").stop()
  121. // 隐藏其他
  122. $(".caseLogo1").css("width", "222px")
  123. $(".jinbaoBoxA1").css("display", "none")
  124. $(".logoBox1").css("display", "block")
  125. $(".caseLogo3").css("width", "222px")
  126. $(".jinbaoBoxA3").css("display", "none")
  127. $(".logoBox3").css("display", "block")
  128. $(".caseLogo4").css("width", "222px")
  129. $(".jinbaoBoxA4").css("display", "none")
  130. $(".logoBox4").css("display", "block")
  131. $(".jinbaoBoxA2").css("display", "none")
  132. $(".logoBox2").css("display", "block")
  133. $(".caseLogo2").animate({ width: '222px' }, 300, function() {
  134. $(".caseLogo1").css("width", '443px')
  135. $(".jinbaoBoxA1").css("display", "block")
  136. $(".logoBox1").css("display", "none")
  137. })
  138. })
  139. $(".caseLogo3").mouseenter(function() {
  140. $(".caseLogo2").stop()
  141. $(".caseLogo1").stop()
  142. $(".caseLogo3").stop()
  143. $(".caseLogo4").stop()
  144. // 隐藏其他
  145. $(".caseLogo2").css("width", "222px")
  146. $(".jinbaoBoxA2").css("display", "none")
  147. $(".logoBox2").css("display", "block")
  148. $(".caseLogo1").css("width", "222px")
  149. $(".jinbaoBoxA1").css("display", "none")
  150. $(".logoBox1").css("display", "block")
  151. $(".caseLogo4").css("width", "222px")
  152. $(".jinbaoBoxA4").css("display", "none")
  153. $(".logoBox4").css("display", "block")
  154. $(".caseLogo3").animate({ width: '443px' }, 300, function() {
  155. $(".jinbaoBoxA3").css("display", "block")
  156. $(".logoBox3").css("display", "none")
  157. })
  158. })
  159. $(".caseLogo3").mouseleave(function() {
  160. $(".caseLogo2").stop()
  161. $(".caseLogo1").stop()
  162. $(".caseLogo3").stop()
  163. $(".caseLogo4").stop()
  164. // 隐藏其他
  165. $(".caseLogo2").css("width", "222px")
  166. $(".jinbaoBoxA2").css("display", "none")
  167. $(".logoBox2").css("display", "block")
  168. $(".caseLogo1").css("width", "222px")
  169. $(".jinbaoBoxA1").css("display", "none")
  170. $(".logoBox1").css("display", "block")
  171. $(".caseLogo4").css("width", "222px")
  172. $(".jinbaoBoxA4").css("display", "none")
  173. $(".logoBox4").css("display", "block")
  174. $(".jinbaoBoxA3").css("display", "none")
  175. $(".logoBox3").css("display", "block")
  176. $(".caseLogo3").animate({ width: '222px' }, 300, function() {
  177. $(".caseLogo1").css("width", '443px')
  178. $(".jinbaoBoxA1").css("display", "block")
  179. $(".logoBox1").css("display", "none")
  180. })
  181. })
  182. $(".caseLogo4").mouseenter(function() {
  183. $(".caseLogo2").stop()
  184. $(".caseLogo1").stop()
  185. $(".caseLogo3").stop()
  186. $(".caseLogo4").stop()
  187. // 隐藏其他
  188. $(".caseLogo2").css("width", "222px")
  189. $(".jinbaoBoxA2").css("display", "none")
  190. $(".logoBox2").css("display", "block")
  191. $(".caseLogo3").css("width", "222px")
  192. $(".jinbaoBoxA3").css("display", "none")
  193. $(".logoBox3").css("display", "block")
  194. $(".caseLogo1").css("width", "222px")
  195. $(".jinbaoBoxA1").css("display", "none")
  196. $(".logoBox1").css("display", "block")
  197. $(".caseLogo4").animate({ width: '443px' }, 300, function() {
  198. $(".jinbaoBoxA4").css("display", "block")
  199. $(".logoBox4").css("display", "none")
  200. })
  201. })
  202. $(".caseLogo4").mouseleave(function() {
  203. $(".caseLogo2").stop()
  204. $(".caseLogo1").stop()
  205. $(".caseLogo3").stop()
  206. $(".caseLogo4").stop()
  207. // 隐藏其他
  208. $(".caseLogo2").css("width", "222px")
  209. $(".jinbaoBoxA2").css("display", "none")
  210. $(".logoBox2").css("display", "block")
  211. $(".caseLogo3").css("width", "222px")
  212. $(".jinbaoBoxA3").css("display", "none")
  213. $(".logoBox3").css("display", "block")
  214. $(".caseLogo1").css("width", "222px")
  215. $(".jinbaoBoxA1").css("display", "none")
  216. $(".logoBox1").css("display", "block")
  217. $(".jinbaoBoxA4").css("display", "none")
  218. $(".logoBox4").css("display", "block")
  219. $(".caseLogo4").animate({ width: '222px' }, 300, function() {
  220. $(".caseLogo1").css("width", '443px')
  221. $(".jinbaoBoxA1").css("display", "block")
  222. $(".logoBox1").css("display", "none")
  223. })
  224. })
  225. $(".concentrationBox").click(function() {
  226. window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn")
  227. })
  228. })