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 148: | 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="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> |
Revision as of 05:58, 18 October 2016