Lijy 3 лет назад
Родитель
Сommit
391884ad23

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

@@ -568,6 +568,38 @@
     width: 1248px;
     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 {
     text-align: center;
     background: #fff;

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

@@ -15,8 +15,8 @@
     <script src="js/jquery1.42.min.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>
 
 <body data-spy="scroll" data-target=".fixed-top" id="body">
@@ -478,6 +478,7 @@
         <div class="connonst">
             <h2>产品定价</h2>
         </div>
+        <div class="tooltipTis" id="tooltipTis">人数越多优惠越大</div>
         <div class="pri">
             <div class="li">
                 <div class="li_con">

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

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