Difference between revisions of "Team:CCU Taiwan"

 
(13 intermediate revisions by one other user not shown)
Line 10: Line 10:
 
     <script>
 
     <script>
  
−
    window.onscroll = function() {scrollFunction()};
 
  
−
    function myFunction() {
+
$(document).ready(function(){
−
        var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
+
  // Add smooth scrolling to all links
−
        var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+
  $("a").on('click', function(event) {
−
        var scrolled = (winScroll / height) * 100;
+
 
−
         document.getElementById("myBar").style.height = scrolled + "%";
+
    // Make sure this.hash has a value before overriding default behavior
−
     }
+
    if (this.hash !== "") {
 +
      // Prevent default anchor click behavior
 +
      event.preventDefault();
 +
 
 +
      // Store hash
 +
      var hash = this.hash;
 +
 
 +
      // Using jQuery's animate() method to add smooth page scroll
 +
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
 +
      $('html, body').animate({
 +
         scrollTop: $(hash).offset().top
 +
      }, 800, function(){
 +
 
 +
        // Add hash (#) to URL when done scrolling (default click behavior)
 +
        window.location.hash = hash;
 +
      });
 +
     } // End if
 +
  });
 +
});
 +
 
  
−
    $(window).on('scroll', function() {
 
−
        if ($(window).scrollTop()) {
 
−
            $('.container').css('background', '#808080');
 
−
            $('nav ul li ul').css('background', '#808080');
 
−
            $('nav').css('opacity', '1');
 
−
        } else {
 
−
            $('.container').css('background', '#000000');
 
−
            $('nav ul li ul').css('background', '#000000');
 
−
            $('nav').css('opacity', '1');
 
−
        }
 
−
    });
 
  
  
Line 80: Line 87:
 
</head>
 
</head>
 
  <header>
 
  <header>
−
                      <nav>
+
        <nav>
 
             <div class="container">
 
             <div class="container">
 
                 <ul class="front">
 
                 <ul class="front">
Line 93: Line 100:
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Medal"><li class="list" id="home3">Medals</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Medal"><li class="list" id="home3">Medals</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Judge"><li class="list" id="home4">For Judges</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Judge"><li class="list" id="home4">For Judges</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Achievements"><li class="list" id="home5">Achievements</li></a>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
Line 131: Line 139:
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship"><li class="list" id="human_practice3">Entrepreneurship</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship"><li class="list" id="human_practice3">Entrepreneurship</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/engaging_experts"><li class="list" id="human_practice4">Engaging Experts</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/engaging_experts"><li class="list" id="human_practice4">Engaging Experts</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Intergrate"><li class="list" id="human_practice5">Intergrated HP</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Integrate"><li class="list" id="human_practice5">Integrated HP</li></a>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
Line 146: Line 154:
 
             </div>
 
             </div>
 
         </nav>
 
         </nav>
−
 
 
     </header>
 
     </header>
 
<body>
 
<body>
Line 154: Line 161:
 
<div class="section " id="section0">
 
<div class="section " id="section0">
 
<div class="slide">
 
<div class="slide">
−
<center><a href="#secondPage" data-menuanchor="secondPage" class="scroll-down">
+
<center><a href="#abnew" data-menuanchor="secondPage" class="scroll-down">
 
       <img src="https://static.igem.org/mediawiki/2018/e/e1/T--CCU_Taiwan--CCUdown_button.png" width="65" hieght="60">
 
       <img src="https://static.igem.org/mediawiki/2018/e/e1/T--CCU_Taiwan--CCUdown_button.png" width="65" hieght="60">
 
           </a></center>
 
           </a></center>
Line 166: Line 173:
  
  
−
<div class="wrap">
+
<div class="wrap" id="abnew">
−
   <img src="https://static.igem.org/mediawiki/2018/7/72/T--CCU_Taiwan--CCUABNEW.jpg" width="100%" hieght="100%">
+
   <img src="https://static.igem.org/mediawiki/2018/d/d1/T--CCU_Taiwan--CCUPOLMER4564.jpg" width="100%" hieght="100%">
 
</div>
 
</div>
  
 +
<footer class="footer">
 +
            <a href="http://huitong.com.tw">
 +
              <img  id="BSlogo" src="https://static.igem.org/mediawiki/2018/0/07/T--CCU_Taiwan--CCUP1.png" align="bottom">
 +
            </a>
 +
 +
            <a href="https://www.facebook.com/ccuigemteam/?ref=br_rs">
 +
            <img  id="CCUTEAMlogo" src="https://static.igem.org/mediawiki/2018/e/e3/T--CCU_Taiwan--CCUP2.png" align="bottom">
 +
            </a>
 +
 +
            <a href="http://ewww.ccu.edu.tw/">
 +
            <img  id="CCUlogo" src="https://static.igem.org/mediawiki/2018/8/89/T--CCU_Taiwan--CCUP3.png" align="bottom">
 +
            </a>
 +
</footer>
  
  

Latest revision as of 08:56, 1 December 2018