Difference between revisions of "Team:Tsinghua-A"
| Line 104: | Line 104: | ||
<body> | <body> | ||
| + | <div id="fh5co-wrapper" > | ||
| + | <div id="fh5co-page"> | ||
| + | <div id="fh5co-header"> | ||
| + | |||
| + | </div> | ||
| + | <!-- end:fh5co-header --> | ||
| + | <aside id="fh5co-hero" class="js-fullheight" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"> | ||
| + | <br><br> | ||
| + | |||
| + | |||
| + | <div class="background"> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/style_css?action=raw&ctype=text/css" media="screen"> | ||
| + | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/nivo_slider_css?action=raw&ctype=text/css" media="screen"> | ||
| + | <script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery?action=raw&ctype=text/javascript"></script> | ||
| + | <script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_easing?action=raw&ctype=text/javascript"></script> | ||
| + | <script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_nivo?action=raw&ctype=text/javascript"></script> | ||
| + | <script type="text/javascript"> | ||
| + | //Slider | ||
| + | jQuery(window).load(function() { | ||
| + | jQuery('#slider').nivoSlider({ | ||
| + | effect: 'fold', | ||
| + | slices:15, | ||
| + | animSpeed:500, //Slide transition speed | ||
| + | pauseTime:5000, | ||
| + | controlNav: false, | ||
| + | directionNavHide: false, | ||
| + | prevText: 'prev', | ||
| + | nextText: 'next', | ||
| + | startSlide:0, //Set starting Slide (0 index) | ||
| + | directionNav:true, //Next & Prev | ||
| + | afterLoad: function(){ | ||
| + | jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500}) | ||
| + | }, | ||
| + | beforeChange: function(){ | ||
| + | jQuery(".nivo-caption").animate({top:"-300"}, {easing:"easeInBack", duration: 500}) | ||
| + | }, | ||
| + | afterChange: function(){ | ||
| + | jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500}) | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | }); | ||
| + | |||
| + | </script> | ||
| + | |||
| + | <div id="slider-container"> | ||
| + | |||
| + | <div id="slider" class="nivoSlider"> | ||
| + | <img alt="" src="https://static.igem.org/mediawiki/2017/9/91/Main_farm.png"> | ||
| + | <img alt="" src="https://static.igem.org/mediawiki/2017/f/f3/Doll.jpg"> | ||
| + | <img alt="" src="https://static.igem.org/mediawiki/2017/0/02/Main_gene.jpg"> | ||
| + | <img alt="" src="https://static.igem.org/mediawiki/2017/d/db/Main_frnt.jpg"> | ||
| + | <img alt="" src="https://static.igem.org/mediawiki/2017/4/4c/Main_back.png"> | ||
| + | </div><!-- #slider --> | ||
| + | |||
| + | </div> | ||
| + | <div class="flexslider js-fullheight"></div> | ||
| + | </aside> | ||
| + | <div id="fh5co-services-section" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"></div> | ||
| + | </div> | ||
| + | <!-- END fh5co-page --> | ||
| + | |||
| + | </div> | ||
| + | <!-- END fh5co-wrapper --> | ||
<!-- jQuery --> | <!-- jQuery --> | ||
Revision as of 10:11, 1 November 2017
TSINGHUA-A