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