default_home.html 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  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. </head>
  11. <body>
  12. <div id="app">
  13. <div class="nav">
  14. <div class="nav-a">
  15. <div class="nav-logo">
  16. <img src="<?php echo $top['logo']?>" alt="" />
  17. </div>
  18. <?php foreach($top['navigation'] as $kk=>$vv) {?>
  19. <a href="<?php echo $vv['url']?>">
  20. <div class="nav-li <?php if($vv[tool]==$name){?>nav-selected<?php }?>">
  21. <?php echo $vv['name']?>
  22. </div>
  23. </a>
  24. <?php }?>
  25. <?php if ($top['is_sign'] == 1) {?>
  26. <a href="#" id="jump-url">
  27. <div class="nav-login">立即登录</div>
  28. </a>
  29. <?php }?>
  30. </div>
  31. </div>
  32. <?php echo $content;?>
  33. <?php echo $tail;?>
  34. <div class="all-relation">
  35. <div class="relation-btn" id="relation-btn">
  36. <div class="relation-btn-one" id="callus">
  37. <img src="official/images/lianxikefu.png" alt="">
  38. <div>联系客服</div>
  39. </div>
  40. <div class="relation-btn-one" id="back-top">
  41. <img src="official/images/huidaodingbu.png" alt="">
  42. <div>回到顶部</div>
  43. </div>
  44. </div>
  45. <div class="relation">
  46. <div class="relation-title">在线咨询</div>
  47. <a href="<?php echo $basic['cus_link']?>" title="点击咨询">
  48. <div class="relation-tel">
  49. <div class="relation-tel-img">
  50. <img src="official/images/suspension_qq.png" alt="" />
  51. </div>
  52. <div class="relation-tel-word">在线客服</div>
  53. </div>
  54. </a>
  55. <div class="relation-tel">
  56. <div class="relation-tel-img">
  57. <img src="official/images/suspension_tel.png" alt="" />
  58. </div>
  59. <div class="relation-tel-word"><?php echo $basic['cus_mobile']?></div>
  60. </div>
  61. <div class="relation-tel relation-tel1">
  62. <div class="relation-tel-img">
  63. <img src="official/images/suspension_wechat.png" alt="" />
  64. </div>
  65. <div class="relation-tel-word">微信二维码</div>
  66. </div>
  67. <div class="qr-img">
  68. <div class="qr-img"><img src="<?php echo $basic['cus_url']?>" alt="" /></div>
  69. </div>
  70. <img id="close-btn" src="official/images/adsystem_icon_cancle.png" alt="">
  71. </div>
  72. </div>
  73. </div>
  74. <script type="text/javascript">
  75. var url = "";
  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. let dom1 = document.querySelectorAll(".serve-one");
  82. dom1[0].onmouseover = function (e) {
  83. e.currentTarget.classList.add("serve-one-selected");
  84. };
  85. dom1[0].onmouseout = function (e) {
  86. e.currentTarget.classList.remove("serve-one-selected");
  87. };
  88. dom1[1].onmouseover = function (e) {
  89. e.currentTarget.classList.add("serve-one-selected");
  90. };
  91. dom1[1].onmouseout = function (e) {
  92. e.currentTarget.classList.remove("serve-one-selected");
  93. };
  94. dom1[2].onmouseover = function (e) {
  95. e.currentTarget.classList.add("serve-one-selected");
  96. };
  97. dom1[2].onmouseout = function (e) {
  98. e.currentTarget.classList.remove("serve-one-selected");
  99. };
  100. dom1[3].onmouseover = function (e) {
  101. e.currentTarget.classList.add("serve-one-selected");
  102. };
  103. dom1[3].onmouseout = function (e) {
  104. e.currentTarget.classList.remove("serve-one-selected");
  105. };
  106. dom1[4].onmouseover = function (e) {
  107. e.currentTarget.classList.add("serve-one-selected");
  108. };
  109. dom1[4].onmouseout = function (e) {
  110. e.currentTarget.classList.remove("serve-one-selected");
  111. };
  112. let dom2 = document.querySelectorAll(".tradition-two");
  113. dom2[0].onmouseover = function (e) {
  114. e.currentTarget.classList.add("tradition-one-selected");
  115. };
  116. dom2[0].onmouseout = function (e) {
  117. e.currentTarget.classList.remove("tradition-one-selected");
  118. };
  119. dom2[1].onmouseover = function (e) {
  120. e.currentTarget.classList.add("tradition-one-selected");
  121. };
  122. dom2[1].onmouseout = function (e) {
  123. e.currentTarget.classList.remove("tradition-one-selected");
  124. };
  125. dom2[2].onmouseover = function (e) {
  126. e.currentTarget.classList.add("tradition-one-selected");
  127. };
  128. dom2[2].onmouseout = function (e) {
  129. e.currentTarget.classList.remove("tradition-one-selected");
  130. };
  131. dom2[3].onmouseover = function (e) {
  132. e.currentTarget.classList.add("tradition-one-selected");
  133. };
  134. dom2[3].onmouseout = function (e) {
  135. e.currentTarget.classList.remove("tradition-one-selected");
  136. };
  137. document.getElementById("golast").onclick = function () {
  138. document.getElementById("industry_one").scrollLeft -= 1080;
  139. };
  140. document.getElementById("gonext").onclick = function () {
  141. document.getElementById("industry_one").scrollLeft += 1080;
  142. };
  143. document.getElementById("callus").onclick = function(e) {
  144. document.getElementById("relation-btn").style.display="none";
  145. document.getElementsByClassName("all-relation")[0].classList.add("all-relation-hover")
  146. }
  147. document.getElementById("close-btn").onclick = function(e) {
  148. document.getElementById("relation-btn").style.display="inline-block";
  149. document.getElementsByClassName("all-relation")[0].classList.remove("all-relation-hover")
  150. }
  151. var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  152. if(scrollTop>0) {
  153. document.getElementById("back-top").style.display = 'block'
  154. }
  155. else{
  156. document.getElementById("back-top").style.display = 'none'
  157. }
  158. document.getElementById("back-top").onclick = function(e) {
  159. if(document.documentElement.scrollTop) {
  160. document.documentElement.scrollTop = 0;
  161. }
  162. else{
  163. document.body.scrollTop = 0;
  164. }
  165. }
  166. window.onscroll = function() {
  167. var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  168. if(scrollTop>0) {
  169. document.getElementById("back-top").style.display = 'block'
  170. }
  171. else{
  172. document.getElementById("back-top").style.display = 'none'
  173. }
  174. }
  175. };
  176. </script>
  177. </body>
  178. </html>