project_page.html 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta http-equiv="content-Type" content="text/html;charset=UTF-8" />
  5. <meta http-equiv="Access-Control-Allow-Origin" content="*" />
  6. <meta name="keywords" content="<?php echo $keywords ?>">
  7. <meta name="description" content="<?php echo $describe ?>">
  8. <title><?php echo $title ?></title>
  9. <link rel="stylesheet" href="official/css/main.css" />
  10. <link rel="stylesheet" href="official/css/project.css" />
  11. </head>
  12. <body>
  13. <div id="app">
  14. <div class="nav">
  15. <div class="nav-a">
  16. <div class="nav-logo">
  17. <img src="<?php echo $top['logo']?>" alt="" />
  18. </div>
  19. <?php foreach($top['navigation'] as $kk=>$vv) {?>
  20. <a href="<?php echo $vv['url']?>">
  21. <div class="nav-li <?php if($vv[tool]==$name){?>nav-selected<?php }?>">
  22. <?php echo $vv['name']?>
  23. </div>
  24. </a>
  25. <?php }?>
  26. <?php if ($top['is_sign'] == 1) {?>
  27. <a href="#" id="jump-url">
  28. <div class="nav-login">立即登录</div>
  29. </a>
  30. <?php }?>
  31. </div>
  32. </div>
  33. <?php echo $content;?>
  34. <?php echo $tail;?>
  35. <div class="all-relation">
  36. <div class="relation-btn" id="relation-btn">
  37. <div class="relation-btn-one" id="callus">
  38. <img src="official/images/lianxikefu.png" alt="">
  39. <div>联系客服</div>
  40. </div>
  41. <div class="relation-btn-one" id="back-top">
  42. <img src="official/images/huidaodingbu.png" alt="">
  43. <div>回到顶部</div>
  44. </div>
  45. </div>
  46. <div class="relation">
  47. <div class="relation-title">在线咨询</div>
  48. <a href="<?php echo $basic['cus_link']?>" title="点击咨询">
  49. <div class="relation-tel">
  50. <div class="relation-tel-img">
  51. <img src="official/images/suspension_qq.png" alt="" />
  52. </div>
  53. <div class="relation-tel-word">在线客服</div>
  54. </div>
  55. </a>
  56. <div class="relation-tel">
  57. <div class="relation-tel-img">
  58. <img src="official/images/suspension_tel.png" alt="" />
  59. </div>
  60. <div class="relation-tel-word"><?php echo $basic['cus_mobile']?></div>
  61. </div>
  62. <div class="relation-tel relation-tel1">
  63. <div class="relation-tel-img">
  64. <img src="official/images/suspension_wechat.png" alt="" />
  65. </div>
  66. <div class="relation-tel-word">微信二维码</div>
  67. </div>
  68. <div class="qr-img">
  69. <div class="qr-img"><img src="<?php echo $basic['cus_url']?>" alt="" /></div>
  70. </div>
  71. <img id="close-btn" src="official/images/adsystem_icon_cancle.png" alt="">
  72. </div>
  73. </div>
  74. </div>
  75. <script type="text/javascript">
  76. window.onload = function () {
  77. url = window.location.protocol + "//" + window.location.host + "/admin.html";
  78. if(document.getElementById("jump-url")) {
  79. document.getElementById("jump-url").setAttribute("href", url);
  80. }
  81. var index = 1;
  82. for (let i = 1; i < 10; i++) {
  83. document.getElementById("industry-li" + i).onclick = function (e) {
  84. if (index == i) {
  85. return;
  86. }
  87. e.currentTarget.children[0].style.display = "inline";
  88. e.currentTarget.children[1].style.display = "none";
  89. e.currentTarget.children[2].classList.add("blue-color");
  90. let ids = document.getElementById("industry-li" + index);
  91. ids.children[0].style.display = "none";
  92. ids.children[1].style.display = "inline";
  93. ids.children[2].classList.remove("blue-color");
  94. document.getElementById("tradition-id" + i).style.display = "flex";
  95. document.getElementById("tradition-id" + index).style.display =
  96. "none";
  97. document.getElementById("scene-right-id" + i).style.display =
  98. "block";
  99. document.getElementById("scene-right-id" + index).style.display =
  100. "none";
  101. document.getElementById("scheme-a" + i).style.display = "flex";
  102. document.getElementById("scheme-a" + index).style.display = "none";
  103. index = i;
  104. if(document.documentElement.scrollTop || document.documentElement.scrollTop ==0 ) {
  105. document.documentElement.scrollTop = 500;
  106. }
  107. else{
  108. document.body.scrollTop = 500;
  109. }
  110. };
  111. document.getElementById("golast").onclick = function () {
  112. document.getElementById("industry_one").scrollLeft -= 1080;
  113. };
  114. document.getElementById("gonext").onclick = function () {
  115. document.getElementById("industry_one").scrollLeft += 1080;
  116. };
  117. document.getElementById("callus").onclick = function(e) {
  118. document.getElementById("relation-btn").style.display="none";
  119. document.getElementsByClassName("all-relation")[0].classList.add("all-relation-hover")
  120. }
  121. document.getElementById("close-btn").onclick = function(e) {
  122. document.getElementById("relation-btn").style.display="inline-block";
  123. document.getElementsByClassName("all-relation")[0].classList.remove("all-relation-hover")
  124. }
  125. var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  126. if(scrollTop>0) {
  127. document.getElementById("back-top").style.display = 'block'
  128. }
  129. else{
  130. document.getElementById("back-top").style.display = 'none'
  131. }
  132. document.getElementById("back-top").onclick = function(e) {
  133. if(document.documentElement.scrollTop) {
  134. document.documentElement.scrollTop = 0;
  135. }
  136. else{
  137. document.body.scrollTop = 0;
  138. }
  139. }
  140. window.onscroll = function() {
  141. var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  142. if(scrollTop>0) {
  143. document.getElementById("back-top").style.display = 'block'
  144. }
  145. else{
  146. document.getElementById("back-top").style.display = 'none'
  147. }
  148. }
  149. }
  150. };
  151. </script>
  152. </body>
  153. </html>