Line 224: | Line 224: | ||
<!-- End page content --> | <!-- End page content --> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-container" id="contact" style="margin-top:20px"> | ||
+ | <p id="pageTop" style="text-align:right"><a href="#wrap"><img src="https://static.igem.org/mediawiki/2017/0/0d/T--TokyoTech--page_top_2.png" style="width:200px"></a></p> | ||
</div> | </div> | ||
<!-- W3.CSS Container --> | <!-- W3.CSS Container --> | ||
− | <div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right"> | + | <div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right"><a href="http://96haji.me/" title="W3.CSS" target="_blank" class="w3-hover-opacity">Hajime Fujita with W3.CSS: All Rights Reserved</a></p></div> |
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
<script> | <script> | ||
// Script to open and close sidebar | // Script to open and close sidebar | ||
Line 240: | Line 245: | ||
document.getElementById("myOverlay").style.display = "none"; | document.getElementById("myOverlay").style.display = "none"; | ||
} | } | ||
− | + | </script> | |
+ | <script> | ||
// Modal Image Gallery | // Modal Image Gallery | ||
function onClick(element) { | function onClick(element) { | ||
Line 248: | Line 254: | ||
captionText.innerHTML = element.alt; | captionText.innerHTML = element.alt; | ||
} | } | ||
+ | $(function() { | ||
+ | var h = $(window).height(); | ||
+ | |||
+ | $('#wrap').css('display','none'); | ||
+ | $('#loader-bg ,#loader').height(h).css('display','block'); | ||
+ | }); | ||
+ | |||
+ | $(window).load(function () { //全ての読み込みが完了したら実行 | ||
+ | $('#loader-bg').delay(900).fadeOut(800); | ||
+ | $('#loader').delay(600).fadeOut(300); | ||
+ | $('#wrap').css('display', 'block'); | ||
+ | }); | ||
+ | </script> | ||
+ | <script> | ||
+ | //■page topボタン | ||
+ | $(function(){ | ||
+ | var topBtn=$('#pageTop'); | ||
+ | topBtn.hide(); | ||
+ | |||
+ | //◇ボタンの表示設定 | ||
+ | $(window).scroll(function(){ | ||
+ | if($(this).scrollTop()>80){ | ||
+ | //---- 画面を80pxスクロールしたら、ボタンを表示する | ||
+ | topBtn.fadeIn(); | ||
+ | }else{ | ||
+ | //---- 画面が80pxより上なら、ボタンを表示しない | ||
+ | topBtn.fadeOut(); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | // ◇ボタンをクリックしたら、スクロールして上に戻る | ||
+ | topBtn.click(function(){ | ||
+ | $('body,html').animate({ | ||
+ | scrollTop: 0},500); | ||
+ | return false; | ||
+ | }); | ||
+ | |||
+ | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 22:53, 1 November 2017
<!DOCTYPE html>