Difference between revisions of "Template:NYMU-Taipei2"

Line 216: Line 216:
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 
}
 
}
 
 
#jumpup{
 
#jumpup{
 
     display: inline-block;
 
     display: inline-block;
 
     position: fixed;
 
     position: fixed;
 
     z-index: 98;
 
     z-index: 98;
     bottom: 15px;
+
     bottom: 15%;
     right: 0px;
+
     right: 5%;
 
     cursor:pointer;
 
     cursor:pointer;
 
     width: 80px;
 
     width: 80px;
 
}
 
}
 
#jumpup div.pic {
 
#jumpup div.pic {
     background: url('https://static.igem.org/mediawiki/2013/5/53/2013UCalgaryArrowLeft.png') no-repeat;
+
     background: url(https://static.igem.org/mediawiki/2013/5/53/2013UCalgaryArrowLeft.png) no-repeat;
 
     background-size: 45px;
 
     background-size: 45px;
 
     height: 50px;
 
     height: 50px;
Line 235: Line 234:
 
#jumpup div.infotop {
 
#jumpup div.infotop {
 
     display: none;
 
     display: none;
     background: url('https://static.igem.org/mediawiki/2013/5/53/2013UCalgaryArrowLeft.png') no-repeat;
+
     background: url(https://static.igem.org/mediawiki/2013/5/56/2013UCalgaryArrowRight.png) no-repeat;
 
     background-size: 90px;
 
     background-size: 90px;
 
     height: 40px;
 
     height: 40px;
 
     width: 80px;
 
     width: 80px;
 
}
 
}
 +
 
</style>
 
</style>
 
  
  
Line 249: Line 248:
 
$('#Slider').css('display', 'block');
 
$('#Slider').css('display', 'block');
 
 
 +
 +
$('#jumpup').on('click',function(){
 +
        $('body, html').animate({scrollTop: 0},1);
 +
  }).on('mouseover',function(){
 +
    $(this).find('div.infotop').css('display','block');
 +
  }).on('mouseout',function(){
 +
    $(this).find('div.infotop').css('display','none');
 +
  });
 +
 +
 
//Set height of slider (16/5 ratio)
 
//Set height of slider (16/5 ratio)
 
$('#Slider').css('height', ($('body').width() / 2.5));
 
$('#Slider').css('height', ($('body').width() / 2.5));
Line 295: Line 304:
  
  
 +
  
  
//jumpup//
+
</script>
 
+
  $('#jumpup').on('click',function(){
+
        $('body, html').animate({scrollTop: 500},1);
+
  }).on('mouseover',function(){
+
    $(this).find('div.infotop').css('display','block');
+
  }).on('mouseout',function(){
+
    $(this).find('div.infotop').css('display','none');
+
  });
+
</script>
+
  
  
Line 365: Line 366:
  
  
<div id='jumpup'>
 
<div class='infotop'></div>
 
<div class='pic'></div>
 
</div>
 
  
 
</div>
 
</div>
Line 375: Line 372:
  
  
+
<div id='jumpup'>
+
<div class='infotop'></div>
 +
<div class='pic'></div>
 +
</div>
 +
 
 +
  
  

Revision as of 17:50, 12 August 2015

About Our Project
The 2015 NYMU iGEM team presents a potato defense system, an effective system that can be easily implemented by potato farmers all over the world. This system is made up of three parts: protection, detection, and cure.