Line 1: | Line 1: | ||
{{Fudan-CHINA}} | {{Fudan-CHINA}} | ||
<html> | <html> | ||
− | + | ||
+ | |||
+ | |||
<!--page--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!--page--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
<div id="div1"> | <div id="div1"> | ||
Line 152: | Line 154: | ||
$(function(){ | $(function(){ | ||
− | + | scsl(); | |
− | + | $(window).scroll(function(){ | |
− | + | scsl(); | |
− | + | }); | |
− | + | ||
− | + | function scsl(){ | |
− | + | slideIn($("#spImg1"),$("#spImg1"),0); | |
− | + | slideIn($("#spImg2"),$("#spImg1"),300); | |
+ | slideIn($("#spImg3"),$("#spImg1"),600); | ||
+ | slideIn($("#spImg4"),$("#spImg4"),0); | ||
+ | slideIn($("#spImg5"),$("#spImg4"),300); | ||
+ | slideIn($("#spImg6"),$("#spImg4"),600); | ||
+ | }; | ||
− | + | function slideIn(obj,obj2,delayTime){ | |
− | + | var targetHeight = obj.offset().top-50; | |
− | + | var scrollTop = $(document).scrollTop(); | |
− | + | var winHeight=$(window).height(); | |
− | + | var imgHeight=obj2.height(); | |
− | + | if(scrollTop+winHeight-0.5*imgHeight>targetHeight){ | |
− | + | setTimeout(function(){ obj.animate({top:'0px',opacity:1},500); }, delayTime); | |
− | + | } | |
− | + | }; | |
− | + | }); | |
</script> | </script> | ||
Line 183: | Line 190: | ||
<!--end---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!--end---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
− | + | ||
+ | |||
Revision as of 14:52, 25 September 2018
S T E P
Synthetic Transducer Engineering Platform
SPONSORS