Team:WHU-China/templates/standardpage middle

From 2013.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 6: Line 6:
<link rel="stylesheet" href="https://2013.igem.org/Team:WHU-China/middleleftcss?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2013.igem.org/Team:WHU-China/middleleftcss?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2013.igem.org/Team:WHU-China/middlerightcss?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2013.igem.org/Team:WHU-China/middlerightcss?action=raw&ctype=text/css" type="text/css" />
-
 
-
<html >
 
     <link rel="stylesheet" href="https://2013.igem.org/Team:WHU-China/middleleftcss?action=raw&ctype=text/css" type="text/css" />
     <link rel="stylesheet" href="https://2013.igem.org/Team:WHU-China/middleleftcss?action=raw&ctype=text/css" type="text/css" />
     <!-- ie9.js (fixes all Internet Explorer browsers older than ie9) -->
     <!-- ie9.js (fixes all Internet Explorer browsers older than ie9) -->
Line 23: Line 21:
         $(window).scroll(function () {  
         $(window).scroll(function () {  
             var scrollPos = $(window).scrollTop();
             var scrollPos = $(window).scrollTop();
-
             if (scrollPos > 110) {
+
             if (scrollPos > 140) {
-
                $(".navigation").addClass("stickToTop");
+
-
            } else {
+
-
                $(".navigation").removeClass("stickToTop");
+
-
            }
+
-
            if (scrollPos > 180) {
+
                 $(".toc").addClass("stickBelowNavigation");
                 $(".toc").addClass("stickBelowNavigation");
             } else {
             } else {
Line 35: Line 28:
         });
         });
     </script>
     </script>
-
 
-
 
-
<div id="innercontent">
 
-
  <div class="centering">
 
-
    <div class="whitebox article">
 
-
 
-
 
<table id="toc" class="toc"><tr><td><div id="toctitle"><h2>Contents</h2></div>
<table id="toc" class="toc"><tr><td><div id="toctitle"><h2>Contents</h2></div>
<ul>
<ul>
-
<li class="toclevel-1 tocsection-1"><a href="#Unsolved_problems_in_biology"><span class="tocnumber">1</span> <span class="toctext">Unsolved problems in biology</span></a></li>
+
<li class="toclevel-1 tocsection-1"><a href="#anchor1"><span class="tocnumber">1</span> <span class="toctext">anchor1</span></a></li>
-
<li class="toclevel-1 tocsection-2"><a href="#The_idea"><span class="tocnumber">2</span> <span class="toctext">The idea</span></a></li>
+
<li class="toclevel-1 tocsection-2"><a href="#anchor2"><span class="tocnumber">2</span> <span class="toctext">anchor2</span></a></li>
-
<li class="toclevel-1 tocsection-3"><a href="#Advantages"><span class="tocnumber">3</span> <span class="toctext">Advantages</span></a></li>
+
<li class="toclevel-1 tocsection-3"><a href="#anchor3"><span class="tocnumber">3</span> <span class="toctext">anchor3</span></a></li>
-
<li class="toclevel-1 tocsection-4"><a href="#Examples_of_application"><span class="tocnumber">4</span> <span class="toctext">Examples of application</span></a></li>
+
<li class="toclevel-1 tocsection-4"><a href="#anchor4"><span class="tocnumber">4</span> <span class="toctext">anchor4</span></a></li>
</ul>
</ul>
</td></tr></table><script>if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } </script>
</td></tr></table><script>if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } </script>
-
        </div>
 
-
        </div>
 
-
    </div>
 
-
</html>
 
-
 
-
 
-
 
-
 
 +
<div id="linkmiddle">
</html>
</html>

Latest revision as of 03:29, 18 September 2013

Contents