Team:SYSU-Software/overview1

From 2014.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 108: Line 108:
         <div id="hm-sequence4"></div>
         <div id="hm-sequence4"></div>
     </div>
     </div>
 +
<div class="hm-skip">
 +
      skip
 +
</div>
 +
<a href="https://2014.igem.org/Main_Page" class="igemlogo" target="_blank">
 +
        <img src="https://static.igem.org/mediawiki/2014/9/93/SYSU-Software_right1.png">
 +
    </a>
<script src="https://2014.igem.org/Team:SYSU-Software/jquery-min-1.9.1.js?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
<script src="https://2014.igem.org/Team:SYSU-Software/jquery-min-1.9.1.js?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
<script src="https://2014.igem.org/Team:SYSU-Software/jquery.mousewheel.js?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
<script src="https://2014.igem.org/Team:SYSU-Software/jquery.mousewheel.js?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
-
<script>
+
<script src="https://2014.igem.org/Team:SYSU-Software/hm-overview.js?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
-
   
+
-
    window.onload = function(){
+
-
        var count = 1,
+
-
            wheel = true;
+
-
        document.getElementById('showpics').className = 'rotate';
+
-
        document.getElementById('bodyContent').className="hm-part1";
+
-
        $(window).mousewheel(function(e, delta){
+
-
            if(wheel){
+
-
                wheel = false;
+
-
                if(count==1 && delta>0){
+
-
                    count=1;
+
-
                } else if(count==4 && delta<0){
+
-
                    count=4;
+
-
                } else {
+
-
                    delta > 0 ? count-- : count++;
+
-
                    count = count%4 || 4;
+
-
                }
+
-
              document.getElementById('bodyContent').className = 'hm-part'+count;
+
-
                setTimeout(function(){
+
-
                    wheel = true;
+
-
                }, 1500)
+
-
            }
+
-
           
+
-
        });
+
-
    }
+
-
</script>
 
</body>
</body>
</html>
</html>

Latest revision as of 14:25, 17 October 2014

Team:SYSU-Software

skip