Home Explore Help
Register Sign In
wutt
/
manHourHousekeeper
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

调整提交

Lijy 3 years ago
parent
98388949a2
commit
391884ad23
3 changed files with 49 additions and 3 deletions
Unified View Show Diff Stats
  1. 32 0
      fhKeeper/formulahousekeeper/inva_4_tivo/css/index.css
  2. 3 2
      fhKeeper/formulahousekeeper/inva_4_tivo/index.html
  3. 14 1
      fhKeeper/formulahousekeeper/inva_4_tivo/js/index.js

+ 32 - 0
fhKeeper/formulahousekeeper/inva_4_tivo/css/index.css
View File 

@@ -568,6 +568,38 @@
 
     width: 1248px;
 
     width: 1248px;
 
     margin: auto;
 
     margin: auto;
 
 }
 
 }
 
+.tooltipTis {
 
+    width: 1200px;
 
+    margin: auto;
 
+    text-align: center;
 
+    font-size: 28px;
 
+    position: relative;
 
+    top: -50px;
 
+    transform: translate(100rem,0);
 
+}
 
+.tooltipTisFillCons {
 
+    animation: moves 2s;
 
+    animation-fill-mode: both;
 
+}
 
+/* .fillCon {
 
+    width: 100%;
 
+    height: 38.4375rem;
 
+    position: relative;
 
+    transform: translate(0,16.25rem);
 
+}
 
+.fillCons {
 
+    animation: move 2s;
 
+    animation-fill-mode: both;
 
+}*/
 
+
 
+@keyframes moves {
 
+    0%{
 
+        transform: translate(100rem,0);
 
+    }
 
+    100%{
 
+        transform: translate(0,0);
 
+    }
 
+} 
 .li {
 
 .li {
 
     text-align: center;
 
     text-align: center;
 
     background: #fff;
 
     background: #fff;

+ 3 - 2
fhKeeper/formulahousekeeper/inva_4_tivo/index.html
View File 

@@ -15,8 +15,8 @@
 
     <script src="js/jquery1.42.min.js"></script>
 
     <script src="js/jquery1.42.min.js"></script>
 
     <script src="js/jquery.SuperSlide.2.1.3.js"></script>
 
     <script src="js/jquery.SuperSlide.2.1.3.js"></script>
 
     <!-- 统计文件 -->
 
     <!-- 统计文件 -->
 
-    <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
 
-    <script>LA.init({id: "Jk62Sh8gvUhl1xcU",ck: "Jk62Sh8gvUhl1xcU"})</script>
 
+    <!-- <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
 
+    <script>LA.init({id: "Jk62Sh8gvUhl1xcU",ck: "Jk62Sh8gvUhl1xcU"})</script> -->
 
 </head>
 
 </head>
 
 
 
 <body data-spy="scroll" data-target=".fixed-top" id="body">
 
 <body data-spy="scroll" data-target=".fixed-top" id="body">
 
@@ -478,6 +478,7 @@
 
         <div class="connonst">
 
         <div class="connonst">
 
             <h2>产品定价</h2>
 
             <h2>产品定价</h2>
 
         </div>
 
         </div>
 
+        <div class="tooltipTis" id="tooltipTis">人数越多优惠越大</div>
 
         <div class="pri">
 
         <div class="pri">
 
             <div class="li">
 
             <div class="li">
 
                 <div class="li_con">
 
                 <div class="li_con">

+ 14 - 1
fhKeeper/formulahousekeeper/inva_4_tivo/js/index.js
View File 

@@ -42,13 +42,17 @@ let jiesaoTop = $('.jiesao').offset().top
 
 let znyqTop = $('.znyq').offset().top
 
 let znyqTop = $('.znyq').offset().top
 
 
 
 let fill = $('.fill').offset().top
 
 let fill = $('.fill').offset().top
 
+let tooltipsOffTop = $('#pricing').offset().top
 
 let filss = ''
 
 let filss = ''
 
+let tooltips = ''
 
 var devicewidth = document.documentElement.clientWidth
 
 var devicewidth = document.documentElement.clientWidth
 
 if(document.documentElement.clientWidth < 1900) {
 
 if(document.documentElement.clientWidth < 1900) {
 
     var scale = devicewidth / 1920
 
     var scale = devicewidth / 1920
 
     filss = fill * scale
 
     filss = fill * scale
 
+    tooltips = tooltipsOffTop * scale
 
 } else {
 
 } else {
 
     filss = fill
 
     filss = fill
 
+    tooltips = tooltipsOffTop
 
 }
 
 }
 
 
 
 $(window).scroll(function () {
 
 $(window).scroll(function () {
 
@@ -116,13 +120,22 @@ $(window).scroll(function () {
 
         $('#selMour7').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfive+','+ znyqToppaddingfive +')'})
 
         $('#selMour7').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfive+','+ znyqToppaddingfive +')'})
 
         $('#selMour8').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfives+','+ znyqToppaddingfives +')'})
 
         $('#selMour8').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfives+','+ znyqToppaddingfives +')'})
 
     }
 
     }
 
-    // 加样式
 
+    // 加样式 （填报、审批、统计分分钟搞定）
 
     if(currentTop > filss - 300) {
 
     if(currentTop > filss - 300) {
 
         $('#fillCon').addClass('fillCons')
 
         $('#fillCon').addClass('fillCons')
 
     }
 
     }
 
     if(currentTop < filss - 400){
 
     if(currentTop < filss - 400){
 
         $("#fillCon").removeClass("fillCons");
 
         $("#fillCon").removeClass("fillCons");
 
     }
 
     }
 
+
 
+    // 加样式 （产品定价）
 
+    if(currentTop > tooltips - 500) {
 
+        $('#tooltipTis').addClass('tooltipTisFillCons')
 
+    }
 
+    if(currentTop < tooltips - 800){
 
+        $("#tooltipTis").removeClass("tooltipTisFillCons");
 
+    }
 
+
 
 })
 
 })
 
 
 
 // tab点击
 
 // tab点击