Difference between revisions of "Template:SZU-China/header"

Line 166: Line 166:
 
margin-top: -18px;
 
margin-top: -18px;
 
}
 
}
 +
 +
 +
.animated {
 +
    -webkit-animation-duration: 1s;
 +
    animation-duration: 1s;
 +
    -webkit-animation-fill-mode: both;
 +
    animation-fill-mode: both;
 +
}
 +
.bounce {
 +
    -webkit-animation-name: bounce;
 +
    animation-name: bounce;
 +
    -webkit-transform-origin: center bottom;
 +
    transform-origin: center bottom;
 +
}
 +
@keyframes bounce {
 +
    0%, 20%, 53%, 80%, 100% {
 +
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
        -webkit-transform: translate3d(0,0,0);
 +
        transform: translate3d(0,0,0);
 +
    }
 +
    40%, 43% {
 +
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
        -webkit-transform: translate3d(0, -30px, 0);
 +
        transform: translate3d(0, -30px, 0);
 +
    }
 +
    70% {
 +
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
        -webkit-transform: translate3d(0, -15px, 0);
 +
        transform: translate3d(0, -15px, 0);
 +
    }
 +
    90% {
 +
        -webkit-transform: translate3d(0,-4px,0);
 +
        transform: translate3d(0,-4px,0);
 +
    }
 +
}
 +
 +
 
</style>
 
</style>
  
Line 243: Line 283:
 
         }
 
         }
 
     };
 
     };
 +
 +
var t = document.documentElement.scrollTop||document.body.scrollTop;
 +
if(t>=56){
 +
    $(".header-nav").show();
 +
    $("#header_list").addClass("animated animation-done bounce");
 +
}else{
 +
    $(".header-nav").hide();
 +
}
 +
 +
 +
 
     $("#nav1_1").hover(function(){
 
     $("#nav1_1").hover(function(){
 
         $("#sub1").show();
 
         $("#sub1").show();

Revision as of 18:05, 12 October 2018