Template:Leanna widemenu

From 2010.igem.org

(Difference between revisions)
 
(85 intermediate revisions not shown)
Line 4: Line 4:
<head>
<head>
<script type="text/javascript">
<script type="text/javascript">
-
function scrollWin(x){
+
function scrollWin(x, y){
$('div.mainContent').animate({
$('div.mainContent').animate({
-
  scrollTop: $(x).scrollTop()
+
  scrollTop: x
-
}, 500);
+
}, 300);
 +
$('div.mainContent').animate({
 +
scrollLeft: y
 +
}, 300);
}
}
</script>
</script>
 +
<div id="graybar"></div>
<div id="graybar"></div>
Line 17: Line 21:
<ul>
<ul>
-
   <li><a class = "topMenu" onclick="scrollWin('#home');">HOME</a>
+
   <li><a class = "topMenu" onclick="scrollWin(0, 0);">HOME</a>
         </li>
         </li>
-
   <li><a class = "topMenu" onclick="scrollWin('#team');">TEAM</a>
+
   <li><a class = "topMenu" onclick="scrollWin(400, 0);">TEAM</a>
<ul>
<ul>
-
  <li><a class = "dropMenu" onclick="scrollWin('#undergrads');">Undergrads</a></li>
+
  <li><a class = "dropMenu" onclick="scrollWin(400, 900);">Undergrads</a></li>
-
  <li><a class = "dropMenu" onclick="scrollWin('#instructors');">Instructors</a></li>
+
  <li><a class = "dropMenu" onclick="scrollWin(400, 1800);">Instructors</a></li>
-
  <li><a class = "dropMenu" onclick="scrollWin('#advisors');">Advisors</a></li>
+
  <li><a class = "dropMenu" onclick="scrollWin(400, 2700);">Advisors</a></li>
-
  <li><a class = "dropMenu" href="https://2010.igem.org/Team:MIT/Team/Gallery">Gallery</a></li>
+
  <li><a class = "dropMenu" onclick="scrollWin(400, 3600);">Gallery</a></li>
</ul>
</ul>
     </li>
     </li>
-
     <li><a class = "topMenu" onclick="scrollWin('#project');">PROJECT</a>
+
     <li><a class = "topMenu" onclick="scrollWin(800, 0);">PROJECT</a>
<ul>
<ul>
-
           <li><a class = "dropMenu" onclick="scrollWin('#abstract');">Abstract</a></li>
+
           <li><a class = "dropMenu" onclick="scrollWin(800, 900);">Abstract</a></li>
-
           <li><a class = "dropMenu" onclick="scrollWin('#overview');">Overview</a></li>
+
           <li><a class = "dropMenu" onclick="scrollWin(800, 1800);">Overview</a></li>
-
<li><a class = "dropMenu" href="#">The Toggle Switch</a></li>
+
<li><a class = "dropMenu" onclick="scrollWin(800, 2700);">The Toggle Switch</a></li>
-
  <li><a class = "dropMenu" href="#">Bacterial Team</a></li>
+
  <li><a class = "dropMenu" onclick="scrollWin(800, 3600);">Bacterial Team</a></li>
-
  <li><a  class = "dropMenu" href="#">Mammalian Team</a></li>
+
  <li><a  class = "dropMenu" onclick="scrollWin(800, 4500);">Mammalian Team</a></li>
-
  <li><a class = "dropMenu" href="#">Summary</a></li>
+
  <li><a class = "dropMenu" onclick="scrollWin(800, 5400);">Summary</a></li>
-
  <li><a class = "dropMenu" href="#">References</a></li>
+
  <li><a class = "dropMenu" onclick="scrollWin(800, 6300);">References</a></li>
-
           <li><a  class = "dropMenu" href="#">Acknowledgements</a></li>
+
           <li><a  class = "dropMenu" onclick="scrollWin(800, 7200);">Acknowledgements</a></li>
</ul>
</ul>
     </li>
     </li>
-
   <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT/Notebook">NOTEBOOK</a>
+
   <li><a class = "topMenu" onclick="scrollWin(1200, 0);">NOTEBOOK</a>
<ul>
<ul>
-
  <li><a class = "dropMenu" href="#">Material &amp; Methods</a></li>
+
  <li><a class = "dropMenu" onclick="scrollWin(1200, 900);">Material &amp; Methods</a></li>
-
  <li><a class = "dropMenu" href="#">Biosafety</a></li>           <li><a  class = "dropMenu" href="#">Journal Club</a></li>
+
  <li><a class = "dropMenu" onclick="scrollWin(1200, 1800);">Biosafety</a></li>
 +
          <li><a  class = "dropMenu" onclick="scrollWin(1200, 2700);">Journal Club</a></li>
</ul>
</ul>
     </li>
     </li>
-
   <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT/Parts">PARTS</a>
+
   <li><a class = "topMenu" onclick="scrollWin(1600, 0);">PARTS</a>
       <ul>  
       <ul>  
-
           <li><a href="#">Characterization</a></li>
+
           <li><a onclick="scrollWin(1600, 900);">Characterization</a></li>
       </ul>
       </ul>
         </li>
         </li>
-
   <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT/Sponsors">SPONSORS</a>
+
   <li><a class = "topMenu" onclick="scrollWin(2000, 0);">SPONSORS</a>
   </li>
   </li>
</ul>
</ul>
Line 63: Line 68:
</head><body>
</head><body>
-
<div class="mainContent" id="firstContent">
 
-
<p class="txtContainer" id="home" style="margin-left: 0px;"> HOOOOOOME HOME ON THE RAAAAAANGE</p>
 
-
<p class="txtContainer" id="team">TEAM.</p>
 
-
<p class="txtContainer" id="undergrads">UNDERGRAD</p>
 
-
<p class="txtContainer" id="instructors">INSTRUCTORS</p>
 
-
<p class="txtContainer" id="advisors">ADVISORS</p>
 
-
<p class="txtContainer" id="project">PROJECT</p>
 
-
<p class="txtContainer" id="abstract">ABSTRACT</p>
 
-
</div></body>
+
</body>
-
<div id="stones" style="height: 217px;">
+
<div id="stones">
-
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=54px width=64px></a><br>
+
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br>
-
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=54px style="padding-top: 1px;"></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img style="padding-top:1px;" src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=54px></a>
+
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a>
-
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=55px>
+
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px>
</a>
</a>

Latest revision as of 16:23, 22 August 2010