Difference between revisions of "Team:Tsinghua-A/fluid game"

Line 108: Line 108:
 
<br><br>
 
<br><br>
 
<div class="background">
 
<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 &amp; 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  style="margin-bottom: 50px">
 
<div id="slider-container">
 
 
<div id="slider" class="nivoSlider">
 
<img alt="" src="https://static.igem.org/mediawiki/2017/4/4c/Main_back.png">
 
<img alt="" src="https://static.igem.org/mediawiki/2017/9/91/Main_farm.png">
 
</div><!-- #slider -->
 
 
</div>
 
</div>
 
 
 
 
 
 
 
  
 
               <div class="myTitle1">Game</div>
 
               <div class="myTitle1">Game</div>

Revision as of 14:15, 29 October 2017

Discription