|
|
| Line 126: |
Line 126: |
| | </div> | | </div> |
| | | | |
| − | <script src="https://2015.igem.org/Team:NCTU_Formosa/source/superscrollorama.js?
| |
| − | action=raw&ctype=text/javascript"></script>
| |
| − | <script src="https://2015.igem.org/Team:NCTU_Formosa/source/TweenMax.min.js?
| |
| − | action=raw&ctype=text/javascript"></script>
| |
| − | <script>
| |
| − | $(document).ready(function() {
| |
| − | var controller = $.superscrollorama();
| |
| − | // individual element tween examples
| |
| − | controller.addTween('#fade-it', TweenMax.from( $('#fade-it'), .5, {css:{opacity: 0}}));
| |
| − |
| |
| − | controller.addTween('#move-it', TweenMax.from( $('#move-it'), .8, {css:{left:0, bottom:0}, ease:Quad.easeOut}));
| |
| − | })
| |
| − | </script>
| |
| − | <script type="text/javascript">
| |
| − | /* 淡入淡出*/
| |
| − | $(document).ready(function (){
| |
| − | $("#fade-it4").click(function(){
| |
| − | var div = $("#arrow1");
| |
| − | div.css("opacity") == 0 ? div.fadeTo("fast", 1.0) : div.fadeTo("fast", 0.0);
| |
| − | });
| |
| − | $("#fade-it5").click(function(){
| |
| − | var div = $("#arrow2");
| |
| − | div.css("opacity") == 0 ? div.fadeTo("fast", 1.0) : div.fadeTo("fast", 0.0);
| |
| − | });
| |
| − | $("#fade-it6").click(function(){
| |
| − | var div = $("#arrow3");
| |
| − | div.css("opacity") == 0 ? div.fadeTo("fast", 1.0) : div.fadeTo("fast", 0.0);
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| | | | |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
