"
Team:SYSU-Software/notebook
From 2013.igem.org
(Difference between revisions)
| Line 200: | Line 200: | ||
</div> | </div> | ||
| + | <script> | ||
| + | $(document).ready(function() { | ||
| + | |||
| + | // initialize the plugin, pass in the class selector -70for the sections of content (blocks) | ||
| + | var scrollorama = $.scrollorama({ blocks:'.scrollblock' }); | ||
| + | |||
| + | scrollorama | ||
| + | .animate('#file-folder-image',{delay:400, duration:600,property:'top',start:50,end:10}) | ||
| + | .animate('#time-list-image',{delay:0,duration:600,property:'top',start:-140,end:-800}) | ||
| + | .animate('#nav1',{delay:0,duration:600,property:'top',start:95,end:-800}) | ||
| + | .animate('#nav2',{delay:0,duration:600,property:'top',start:-40,end:-800}) | ||
| + | |||
| + | .animate('#notebook-image',{delay:0,duration:600,property:'top',start:-670,end:-200}); | ||
| + | |||
| + | scrollorama | ||
| + | .animate('#date1-photo-image',{delay:0,duration:600,property:'top',start:400,end:-605}) | ||
| + | .animate('#date1-task',{delay:400,duration:600,property:'top',start:400,end:-1150}); | ||
| + | |||
| + | scrollorama | ||
| + | .animate('#date2-task',{delay:0,duration:600,property:'top',start:0,end:-550}) | ||
| + | .animate('#date2-photo-image',{delay:100,duration:600,property:'top',start:1700,end:100}); | ||
| + | // animate the title letters to explode | ||
| + | //scrollorama | ||
| + | // .animate('#title',{ duration: 300, property:'zoom', end: 8 }) | ||
| + | |||
| + | // scrollorama | ||
| + | // .animate('#parallax2',{ delay: 400, duration: 600, property:'top', start:800, end:-1500 }) | ||
| + | // .animate('#parallax3',{ delay: 200, duration: 1200, property:'top', start:500, end:-1200 }); | ||
| + | |||
| + | // $clone.find('span') | ||
| + | // .each( function( idx, el ){ | ||
| + | // scrollorama.animate( $(this), { delay:400, duration: 500, | ||
| + | // property:'top', end: 300, | ||
| + | // easing: easing_array[idx] }); | ||
| + | // }) | ||
| + | |||
| + | }); | ||
| + | </script> | ||
<footer></footer> | <footer></footer> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 13:28, 26 August 2013
Team Leader of SYSU-Software,IGEM 2013.
Taking charge of the design and progress of the
whole project.
Team Leader of SYSU-Software,IGEM 2013.
Taking charge of the design and progress of the
whole project.
