Template:Leanna widemenu

From 2010.igem.org

(Difference between revisions)
 
(144 intermediate revisions not shown)
Line 4: Line 4:
<head>
<head>
<script type="text/javascript">
<script type="text/javascript">
-
function scrollWin(){
+
function scrollWin(x, y){
-
$('html, body').animate({
+
$('div.mainContent').animate({
-
scrollTop: $("#scrollToHere").offset().top
+
scrollTop: x
-
}, 2000);
+
}, 300);
 +
$('div.mainContent').animate({
 +
scrollLeft: y
 +
}, 300);
}
}
</script>
</script>
-
<div id="graybar" style="z-index:1;" ></div>
+
 
 +
<div id="graybar"></div>
<div id="header">
<div id="header">
Line 17: Line 21:
<ul>
<ul>
-
   <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT">HOME</a>
+
   <li><a class = "topMenu" onclick="scrollWin(0, 0);">HOME</a>
         </li>
         </li>
-
   <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT/Team">TEAM</a>
+
   <li><a class = "topMenu" onclick="scrollWin(400, 0);">TEAM</a>
<ul>
<ul>
-
  <li><a class = "dropMenu" href="https://2010.igem.org/Team:MIT/Team/Undergrads">Undergrads</a></li>
+
  <li><a class = "dropMenu" onclick="scrollWin(400, 900);">Undergrads</a></li>
-
  <li><a class = "dropMenu" href="https://2010.igem.org/Team:MIT/Team/Instructors">Instructors</a></li>
+
  <li><a class = "dropMenu" onclick="scrollWin(400, 1800);">Instructors</a></li>
-
  <li><a class = "dropMenu" href="https://2010.igem.org/Team:MIT/Team/Advisors">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, 2700);">Advisors</a></li>
 +
  <li><a class = "dropMenu" onclick="scrollWin(400, 3600);">Gallery</a></li>
</ul>
</ul>
     </li>
     </li>
-
     <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT/Project">PROJECT</a>
+
     <li><a class = "topMenu" onclick="scrollWin(800, 0);">PROJECT</a>
<ul>
<ul>
-
           <li><a class="dropMenu" href="#">Abstract</a></li>
+
           <li><a class = "dropMenu" onclick="scrollWin(800, 900);">Abstract</a></li>
-
           <li><a class = "dropMenu" href="#">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 62: Line 68:
</head><body>
</head><body>
-
<div id="mainContent" class="ui-widget-content">
 
-
<input onclick="scrollWin();" value="Scroll up" />
 
-
</div>
 
-
 
-
<div class="feet" id="scrollToHere">Hellow!!</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></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=40px>
 +
 
 +
</a>
</div>     
</div>     
-
 
-
 
                                                              
                                                              
</html>
</html>

Latest revision as of 16:23, 22 August 2010