富茂链客Pcg官网
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 

349 行
13 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. $(".caseLogo5").stop()
  67. // 隐藏其他
  68. $(".caseLogo2").css("width", "222px")
  69. $(".jinbaoBoxA2").css("display", "none")
  70. $(".logoBox2").css("display", "block")
  71. $(".caseLogo3").css("width", "222px")
  72. $(".jinbaoBoxA3").css("display", "none")
  73. $(".logoBox3").css("display", "block")
  74. $(".caseLogo4").css("width", "222px")
  75. $(".jinbaoBoxA4").css("display", "none")
  76. $(".logoBox4").css("display", "block")
  77. $(".caseLogo5").css("width", "222px")
  78. $(".jinbaoBoxA5").css("display", "none")
  79. $(".logoBox5").css("display", "block")
  80. $(".jinbaoBoxA1").css("display", "block")
  81. $(".logoBox1").css("display", "none")
  82. })
  83. })
  84. // $(".caseLogo1").mouseleave(function() {
  85. // $(".caseLogo1").stop()
  86. // // 隐藏其他
  87. // $(".caseLogo2").css("width", "222px")
  88. // $(".jinbaoBoxA2").css("display", "none")
  89. // $(".logoBox2").css("display", "block")
  90. // $(".caseLogo3").css("width", "222px")
  91. // $(".jinbaoBoxA3").css("display", "none")
  92. // $(".logoBox3").css("display", "block")
  93. // $(".caseLogo4").css("width", "222px")
  94. // $(".jinbaoBoxA4").css("display", "none")
  95. // $(".logoBox4").css("display", "block")
  96. // $(".caseLogo1").animate({ width: '222px' }, 300)
  97. // $(".jinbaoBoxA1").css("display", "none")
  98. // $(".logoBox1").css("display", "block")
  99. // })
  100. $(".caseLogo2").mouseenter(function() {
  101. $(".caseLogo2").stop()
  102. $(".caseLogo1").stop()
  103. $(".caseLogo3").stop()
  104. $(".caseLogo4").stop()
  105. // 隐藏其他
  106. $(".caseLogo1").css("width", "222px")
  107. $(".jinbaoBoxA1").css("display", "none")
  108. $(".logoBox1").css("display", "block")
  109. $(".caseLogo3").css("width", "222px")
  110. $(".jinbaoBoxA3").css("display", "none")
  111. $(".logoBox3").css("display", "block")
  112. $(".caseLogo4").css("width", "222px")
  113. $(".jinbaoBoxA4").css("display", "none")
  114. $(".logoBox4").css("display", "block")
  115. $(".caseLogo5").css("width", "222px")
  116. $(".jinbaoBoxA5").css("display", "none")
  117. $(".logoBox5").css("display", "block")
  118. $(".caseLogo2").animate({ width: '443px' }, 300, function() {
  119. $(".jinbaoBoxA2").css("display", "block")
  120. $(".logoBox2").css("display", "none")
  121. })
  122. })
  123. $(".caseLogo2").mouseleave(function() {
  124. $(".caseLogo2").stop()
  125. $(".caseLogo1").stop()
  126. $(".caseLogo3").stop()
  127. $(".caseLogo4").stop()
  128. $(".caseLogo5").stop()
  129. // 隐藏其他
  130. $(".caseLogo1").css("width", "222px")
  131. $(".jinbaoBoxA1").css("display", "none")
  132. $(".logoBox1").css("display", "block")
  133. $(".caseLogo3").css("width", "222px")
  134. $(".jinbaoBoxA3").css("display", "none")
  135. $(".logoBox3").css("display", "block")
  136. $(".caseLogo4").css("width", "222px")
  137. $(".jinbaoBoxA4").css("display", "none")
  138. $(".logoBox4").css("display", "block")
  139. $(".caseLogo5").css("width", "222px")
  140. $(".jinbaoBoxA5").css("display", "none")
  141. $(".logoBox5").css("display", "block")
  142. $(".jinbaoBoxA2").css("display", "none")
  143. $(".logoBox2").css("display", "block")
  144. $(".caseLogo2").animate({ width: '222px' }, 300, function() {
  145. $(".caseLogo1").css("width", '443px')
  146. $(".jinbaoBoxA1").css("display", "block")
  147. $(".logoBox1").css("display", "none")
  148. })
  149. })
  150. $(".caseLogo3").mouseenter(function() {
  151. $(".caseLogo2").stop()
  152. $(".caseLogo1").stop()
  153. $(".caseLogo3").stop()
  154. $(".caseLogo4").stop()
  155. $(".caseLogo5").stop()
  156. // 隐藏其他
  157. $(".caseLogo2").css("width", "222px")
  158. $(".jinbaoBoxA2").css("display", "none")
  159. $(".logoBox2").css("display", "block")
  160. $(".caseLogo1").css("width", "222px")
  161. $(".jinbaoBoxA1").css("display", "none")
  162. $(".logoBox1").css("display", "block")
  163. $(".caseLogo4").css("width", "222px")
  164. $(".jinbaoBoxA4").css("display", "none")
  165. $(".logoBox4").css("display", "block")
  166. $(".caseLogo5").css("width", "222px")
  167. $(".jinbaoBoxA5").css("display", "none")
  168. $(".logoBox5").css("display", "block")
  169. $(".caseLogo3").animate({ width: '443px' }, 300, function() {
  170. $(".jinbaoBoxA3").css("display", "block")
  171. $(".logoBox3").css("display", "none")
  172. })
  173. })
  174. $(".caseLogo3").mouseleave(function() {
  175. $(".caseLogo2").stop()
  176. $(".caseLogo1").stop()
  177. $(".caseLogo3").stop()
  178. $(".caseLogo4").stop()
  179. $(".caseLogo5").stop()
  180. // 隐藏其他
  181. $(".caseLogo2").css("width", "222px")
  182. $(".jinbaoBoxA2").css("display", "none")
  183. $(".logoBox2").css("display", "block")
  184. $(".caseLogo1").css("width", "222px")
  185. $(".jinbaoBoxA1").css("display", "none")
  186. $(".logoBox1").css("display", "block")
  187. $(".caseLogo4").css("width", "222px")
  188. $(".jinbaoBoxA4").css("display", "none")
  189. $(".logoBox4").css("display", "block")
  190. $(".caseLogo5").css("width", "222px")
  191. $(".jinbaoBoxA5").css("display", "none")
  192. $(".logoBox5").css("display", "block")
  193. $(".jinbaoBoxA3").css("display", "none")
  194. $(".logoBox3").css("display", "block")
  195. $(".caseLogo3").animate({ width: '222px' }, 300, function() {
  196. $(".caseLogo1").css("width", '443px')
  197. $(".jinbaoBoxA1").css("display", "block")
  198. $(".logoBox1").css("display", "none")
  199. })
  200. })
  201. $(".caseLogo4").mouseenter(function() {
  202. $(".caseLogo2").stop()
  203. $(".caseLogo1").stop()
  204. $(".caseLogo3").stop()
  205. $(".caseLogo4").stop()
  206. $(".caseLogo5").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. $(".caseLogo1").css("width", "222px")
  218. $(".jinbaoBoxA5").css("display", "none")
  219. $(".logoBox5").css("display", "block")
  220. $(".caseLogo5").css("width", "222px")
  221. $(".jinbaoBoxA4").css("display", "none")
  222. $(".logoBox4").css("display", "block")
  223. $(".caseLogo4").animate({ width: '443px' }, 300, function() {
  224. $(".jinbaoBoxA4").css("display", "block")
  225. $(".logoBox4").css("display", "none")
  226. })
  227. })
  228. $(".caseLogo4").mouseleave(function() {
  229. $(".caseLogo2").stop()
  230. $(".caseLogo1").stop()
  231. $(".caseLogo3").stop()
  232. $(".caseLogo4").stop()
  233. $(".caseLogo5").stop()
  234. // 隐藏其他
  235. $(".caseLogo2").css("width", "222px")
  236. $(".jinbaoBoxA2").css("display", "none")
  237. $(".logoBox2").css("display", "block")
  238. $(".caseLogo3").css("width", "222px")
  239. $(".jinbaoBoxA3").css("display", "none")
  240. $(".logoBox3").css("display", "block")
  241. $(".caseLogo1").css("width", "222px")
  242. $(".jinbaoBoxA1").css("display", "none")
  243. $(".logoBox1").css("display", "block")
  244. $(".caseLogo5").css("width", "222px")
  245. $(".jinbaoBoxA5").css("display", "none")
  246. $(".logoBox5").css("display", "block")
  247. $(".jinbaoBoxA4").css("display", "none")
  248. $(".logoBox4").css("display", "block")
  249. $(".caseLogo4").animate({ width: '222px' }, 300, function() {
  250. $(".caseLogo1").css("width", '443px')
  251. $(".jinbaoBoxA1").css("display", "block")
  252. $(".logoBox1").css("display", "none")
  253. })
  254. })
  255. $(".caseLogo5").mouseenter(function() {
  256. $(".caseLogo2").stop()
  257. $(".caseLogo1").stop()
  258. $(".caseLogo3").stop()
  259. $(".caseLogo4").stop()
  260. $(".caseLogo5").stop()
  261. // 隐藏其他
  262. $(".caseLogo2").css("width", "222px")
  263. $(".jinbaoBoxA2").css("display", "none")
  264. $(".logoBox2").css("display", "block")
  265. $(".caseLogo3").css("width", "222px")
  266. $(".jinbaoBoxA3").css("display", "none")
  267. $(".logoBox3").css("display", "block")
  268. $(".caseLogo1").css("width", "222px")
  269. $(".jinbaoBoxA1").css("display", "none")
  270. $(".logoBox1").css("display", "block")
  271. $(".caseLogo4").css("width", "222px")
  272. $(".jinbaoBoxA4").css("display", "none")
  273. $(".logoBox4").css("display", "block")
  274. $(".caseLogo5").animate({ width: '443px' }, 300, function() {
  275. $(".jinbaoBoxA5").css("display", "block")
  276. $(".logoBox5").css("display", "none")
  277. })
  278. })
  279. $(".caseLogo5").mouseleave(function() {
  280. $(".caseLogo2").stop()
  281. $(".caseLogo1").stop()
  282. $(".caseLogo3").stop()
  283. $(".caseLogo4").stop()
  284. $(".caseLogo5").stop()
  285. // 隐藏其他
  286. $(".caseLogo2").css("width", "222px")
  287. $(".jinbaoBoxA2").css("display", "none")
  288. $(".logoBox2").css("display", "block")
  289. $(".caseLogo3").css("width", "222px")
  290. $(".jinbaoBoxA3").css("display", "none")
  291. $(".logoBox3").css("display", "block")
  292. $(".caseLogo1").css("width", "222px")
  293. $(".jinbaoBoxA1").css("display", "none")
  294. $(".logoBox1").css("display", "block")
  295. $(".caseLogo4").css("width", "222px")
  296. $(".jinbaoBoxA4").css("display", "none")
  297. $(".logoBox4").css("display", "block")
  298. $(".jinbaoBoxA5").css("display", "none")
  299. $(".logoBox5").css("display", "block")
  300. $(".caseLogo5").animate({ width: '222px' }, 300, function() {
  301. $(".caseLogo1").css("width", '443px')
  302. $(".jinbaoBoxA1").css("display", "block")
  303. $(".logoBox1").css("display", "none")
  304. })
  305. })
  306. $(".concentrationBox").click(function() {
  307. window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn")
  308. })
  309. })