Inicio Explorar Axuda
Iniciar sesión
S.H.I.E.L.D.
/
jiliangzhifujsV2
3
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Explorar o código

首次提交

outaozhen %!s(int64=3) %!d(string=hai) anos
achega
76dfccba77
Modificáronse 6 ficheiros con 180 adicións e 0 borrados
Dividir vista Mostrar estatísticas de Diff
  1. 7 0
      css/bootstrap/bootstrap.min.css
  2. 89 0
      css/styles.css
  3. 35 0
      index.html
  4. 7 0
      js/bootstrap/bootstrap.bundle.min.js
  5. 38 0
      js/global.js
  6. 4 0
      js/jquery/jquery-3.2.1.min.js

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 7 - 0
css/bootstrap/bootstrap.min.css


+ 89 - 0
css/styles.css
Ver ficheiro 

@@ -0,0 +1,89 @@
 
+@charset "utf-8";
 
+body{
 
+	padding: 0;
 
+  margin: 0;
 
+  font-weight: normal;
 
+  font-style: normal;
 
+  font-size: 12px;
 
+  font-family:"微软雅黑","Tahoma";
 
+  vertical-align: baseline;
 
+  text-align:justify;
 
+  word-wrap:break-word;
 
+  text-justify:inter-ideograph;
 
+  color: #000000cc;
 
+}
 
+.navBody{
 
+  background: rgba(33, 33, 41, 1);
 
+  height: 36px;
 
+  color: #fff;
 
+}
 
+.globalNav a{
 
+  float:left;
 
+  height:36px;
 
+  line-height:36px;
 
+  padding:0 10px;
 
+  color:#eee;
 
+  position: relative;
 
+  cursor: pointer
 
+}
 
+.globalNav a:hover{
 
+  background:#666E70;
 
+  color:#fff
 
+}
 
+.globalNav a.now{
 
+  background:#008FFF;
 
+  color:#fff;
 
+  font-weight:600
 
+}
 
+.globalNav .zhzd{
 
+  float:left;
 
+  height:36px;
 
+  position: relative;
 
+  z-index:999
 
+}
 
+.globalNav .zhzd a b{
 
+  border-color: #FFDDC9 transparent transparent;
 
+  border-right: 3px dashed transparent;
 
+  border-style: solid dashed dashed;
 
+  border-width: 3px 3px 0;
 
+  display: inline-block;
 
+  font-size: 0;
 
+  height: 0;
 
+  line-height: 0;
 
+  width: 0;
 
+  position: relative;
 
+  top:-1px;
 
+  left:4px
 
+}
 
+.globalNav .zhzd .zhzdMenu{
 
+  position: absolute;
 
+  left:0;
 
+  top:29px;
 
+  background:#fff;
 
+  border:1px solid #ccc;
 
+  border-top:none;
 
+  box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
 
+  z-index: 0;
 
+  display:none
 
+}
 
+.globalNav .zhzd .zhzdMenu a{
 
+  width:100%;
 
+  padding:0;
 
+  text-align:center;
 
+  color:#3366cc
 
+}
 
+.globalNav .zhzd .zhzdMenu a:hover{
 
+  background:#f2f2f2
 
+}
 
+.globalNav .zhzd a.now{
 
+  background:#fff;
 
+  border:1px solid #ccc;
 
+  border-bottom:none;
 
+  border-top:none;
 
+  color:#3366cc;
 
+  z-index:10
 
+}
 
+.width1200{
 
+  max-width: 1200px;
 
+  margin: 0 auto;
 
+}

+ 35 - 0
index.html
Ver ficheiro 

@@ -0,0 +1,35 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="utf-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+  <title>计量支付官网V2</title>
 
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+  <link rel="stylesheet" href="css/styles.css">
 
+  <!--zTree-->
 
+	<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
+</head>
 
+<body>
 
+  <div class="navBody">
 
+    <div class="width1200">
 
+      <div class="globalNav">
 
+        <a href="#">首页</a>
 
+        <a href="#">通行帐号</a>
 
+        <a href="#">计量支付</a>
 
+        <div class="zhzd">
 
+          <a class="zhzdFir">纵横知道<b></b></a>
 
+          <div class="zhzdMenu">
 
+            <a href="http://zhzdwd.com" target="_blank">问答</a>
 
+            <a href="http://zhzdwk.com" target="_blank">文库</a>
 
+            <a href="http://zhzdjg.com" target="_blank">价格信息</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <!-- JS. -->
 
+  <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+  <script src="js/global.js"></script>
 
+</body>
 
+</html>

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 7 - 0
js/bootstrap/bootstrap.bundle.min.js


+ 38 - 0
js/global.js
Ver ficheiro 

@@ -0,0 +1,38 @@
 
+$(function(){
 
+	$(".zhzdFir").click(function () {
 
+		$(this).toggleClass("now").siblings(".zhzdMenu").slideToggle("fast")
 
+	});
 
+	$('.bannerTitle1,.bannerTitle2,.bannerTitle3,.btnHand').addClass('show');
 
+})
 
+$(window).scroll(function () {
 
+  var fold = $(window).height() + $(window).scrollTop();
 
+  if (fold > $(".bannerBox").offset().top) {
 
+  	$('.bannerTitle1,.bannerTitle2,.bannerTitle3,.btnHand').addClass('show');
 
+  }else{
 
+  	$('.bannerTitle1,.bannerTitle2,.bannerTitle3,.btnHand').removeClass('show');
 
+  }
 
+  if (fold > $(".productOne").offset().top || $(window).scrollTop() < 2000) {
 
+  	$('.productOneImg,.productOneRImg,.productOneR1,.productOneR2,.productOneR3,.productOneR4,.productOneR5,.productOneR6').addClass('show');
 
+  }if($(window).scrollTop() > 2500 || fold < $(".productOne").offset().top){
 
+  	$('.productOneRImg,.productOneR1,.productOneR2,.productOneR3,.productOneR4,.productOneR5,.productOneR6').removeClass('show');
 
+  }
 
+  if (fold > $(".productTwo").offset().top || $(window).scrollTop() < 3000) {
 
+  	$('.productOneImg,.productTwoImg,.productTwoRImg1,.productTwoRImg2,.productTwoRImg3').addClass('show');
 
+  }if($(window).scrollTop() > 3500 || fold < $(".productTwo").offset().top){
 
+  	$('.productTwoImg,.productTwoRImg1,.productTwoRImg2,.productTwoRImg3').removeClass('show');
 
+  }
 
+  if (fold > $(".productThree").offset().top || $(window).scrollTop() < 4000) {
 
+  	$('.productThreeImg,.productThreeRImg1,.productThreeRImg2').addClass('show');
 
+  }if($(window).scrollTop() > 4300 || fold < $(".productThree").offset().top){
 
+  	$('.productThreeImg,.productThreeRImg1,.productThreeRImg2').removeClass('show');
 
+  }
 
+})
 
+
 
+window.onscroll = function() {scrollFunction()};
 
+function scrollFunction() {
 
+  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 1080) {
 
+      document.getElementById("backTop").style.display = "block";
 
+  } else {
 
+      document.getElementById("backTop").style.display = "none";
 
+  }
 
+}

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 4 - 0
js/jquery/jquery-3.2.1.min.js