Difference between revisions of "Team:SCAU-China/Gallery 3"

(Created page with " <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, maxim...")
 
 
(3 intermediate revisions by 2 users not shown)
Line 101: Line 101:
 
            
 
            
 
}
 
}
 +
#last_page{opacity:0.6;}
 +
#last_page:hover {opacity:1;}
 +
#next_page{opacity:0.6;}
 +
#next_page:hover {opacity:1;}
 
</style>
 
</style>
 
     <div class="container">
 
     <div class="container">
 
<div class="row col">
 
<div class="row col">
 
<div class="h1_font_size">Gallery</div>
 
<div class="h1_font_size">Gallery</div>
         <div>
+
         <div style="padding-right:100px">
 
         <img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/9/93/T--SCAU-China--gallery_hp06e2.jpg" />
 
         <img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/9/93/T--SCAU-China--gallery_hp06e2.jpg" />
 
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/d/d2/T--SCAU-China--gallery_hp06e3.jpg" />
 
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/d/d2/T--SCAU-China--gallery_hp06e3.jpg" />
Line 134: Line 138:
 
     </div>
 
     </div>
 
     <ul class="pagination col s9">
 
     <ul class="pagination col s9">
    <li class="waves-effect"><a href="#!">prev</a></li>
+
      <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_2">prev</a></li>
     <li class="active"><a href="https://2016.igem.org/Team:SCAU-China/Gallery">1</a></li>
+
     <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery">1</a></li>
 
     <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_2">2</a></li>
 
     <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_2">2</a></li>
     <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_3">3</a></li>
+
     <li class="active"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_3">3</a></li>
 
     <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_4">4</a></li>
 
     <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_4">4</a></li>
 
     <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_5">5</a></li>
 
     <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_5">5</a></li>
 
<li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_6">6</a></li>
 
<li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_6">6</a></li>
<li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_7">7</a></li>
+
    <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_4">next</a></li>
<li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_8">8</a></li>
+
    <li class="waves-effect"><a href="#!">next</a></li>
+
 
   </ul>
 
   </ul>
 
   </div>
 
   </div>
Line 149: Line 152:
 
                                     
 
                                     
 
</body>
 
</body>
 
+
<div class="shake-slow" style=" cursor:pointer;position:fixed; right:20px; bottom:20px;">
 +
<img src="https://static.igem.org/mediawiki/2016/f/fa/T--SCAU-China--Home5.png" onClick="abc()" width="100px" />
 +
</div>
 +
<div id="last_page" style=" cursor:pointer;position:fixed; left:20px; top:50%;" >
 +
<a href="https://2016.igem.org/Team:SCAU-China/Notebook"><img src="https://static.igem.org/mediawiki/2016/4/4f/T--SCAU-China--Home10.png" width="100px"/></a>
 +
</div>
 +
<div id="next_page" style=" cursor:pointer;position:fixed; right:20px; top:50%;">
 +
<a href="https://2016.igem.org/Team:SCAU-China/Protocol"><img src="https://static.igem.org/mediawiki/2016/6/61/T--SCAU-China--Home11.png" width="100px" /></a>
 +
</div>
 +
<script>
 +
var timer = null;
 +
function abc(){
 +
cancelAnimationFrame(timer);
 +
timer = requestAnimationFrame(function fn(){
 +
var oTop = document.body.scrollTop || document.documentElement.scrollTop;
 +
if(oTop > 0){
 +
document.body.scrollTop = document.documentElement.scrollTop = oTop - 50;
 +
timer = requestAnimationFrame(fn);
 +
}else{
 +
cancelAnimationFrame(timer);
 +
}
 +
});
 +
}
 +
</script>
 
<script src="https://2016.igem.org/Team:SCAU-China/jsfile?action=raw&ctype=text/javascript"></script>  <!--mater-->
 
<script src="https://2016.igem.org/Team:SCAU-China/jsfile?action=raw&ctype=text/javascript"></script>  <!--mater-->
  
  
 
</html>
 
</html>

Latest revision as of 06:11, 18 October 2016

SCAU

Gallery