User:Benjamin Miller

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 1: Line 1:
-
[[Image:Imperialigemheadertwo.jpg|800px]]
 
-
 
-
[[Image:imperialigemnavbaseone.jpg|800px]]
 
-
 
-
<html>
 
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
<title>Imperial iGEM 2010</title>
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
-
<script type="text/javascript">
 
-
$(document).ready(function(){
 
-
$("#prolist").hide();
 
-
$("#plalist").hide();
 
-
$("#reslist").hide();
 
-
$("#extlist").hide();
 
-
$("#dialist").hide();
 
-
$("#tealist").hide();
 
-
$("#proshow").click(function() {
 
-
$("#prolist").slideToggle("slow");
 
-
return false;
 
-
});
 
-
$("#plashow").click(function() {
 
-
$("#plalist").slideToggle("slow");
 
-
return false;
 
-
});
 
-
$("#resshow").click(function() {
 
-
$("#reslist").slideToggle("slow");
 
-
return false;
 
-
});
 
-
$("#extshow").click(function() {
 
-
$("#extlist").slideToggle("slow");
 
-
return false;
 
-
});
 
-
$("#diashow").click(function() {
 
-
$("#dialist").slideToggle("slow");
 
-
return false;
 
-
});
 
-
$("#teashow").click(function() {
 
-
$("#tealist").slideToggle("slow");
 
-
return false;
 
-
});
 
-
});
 
-
</script>
 
-
<style type="text/css">
 
-
#nav {
 
-
padding: 0;
 
-
margin: 0;
 
-
list-style: none;
 
-
}
 
-
 
-
#nav ul {
 
-
padding-left: 1em;
 
-
margin: 0;
 
-
list-style: none;
 
-
}
 
-
 
-
#nav a {
 
-
display: block;
 
-
width: 200px;
 
-
color: black;
 
-
font-weight: bold;
 
-
font-family: "verdana";
 
-
font-size: 1em;
 
-
text-decoration: none;
 
-
outline: none;
 
-
}
 
-
 
-
#nav li {
 
-
float: left;
 
-
width: 200px;
 
-
margin-top: 5px;
 
-
}
 
-
 
-
#nav li ul {
 
-
position: absolute;
 
-
width: 200px;
 
-
margin-top: 5px;
 
-
margin-left: 10px;
 
-
}
 
-
 
-
#nav li ul ul {
 
-
margin: 0 0 0 10em;
 
-
}
 
-
</style>
 
-
</head>
 
-
<body>
 
-
<ul id='nav'>
 
-
<li id='proshow'><a href="#">Project</a>
 
-
<ul id='prolist'>
 
-
<li><a href="#">Modules</a></li>
 
-
<li><a href="#">Parts</a></li>
 
-
<li><a href="#">Research</a></li>
 
-
<li><a href="#">Ethics</a></li>
 
-
<li id='diashow'><a href="#">Diary</a>
 
-
<ul id='dialist'>
 
-
<li><a href="#">Week 1</a></li>
 
-
<li><a href="#">Week 2</a></li>
 
-
<li><a href="#">Week 3</a></li>
 
-
<li><a href="#">Week 4</a></li>
 
-
<li><a href="#">Week 5</a></li>
 
-
<li><a href="#">Week 6</a></li>
 
-
<li><a href="#">Week 7</a></li>
 
-
<li><a href="#">Week 8</a></li>
 
-
</ul>
 
-
</li>
 
-
</ul>
 
-
</li>
 
-
<li id='plashow'><a href="#">Plan</a>
 
-
<ul id='plalist'>
 
-
<li><a href="#">Strategy</a></li>
 
-
<li><a href="#">Wet Lab</a></li>
 
-
<li><a href="#">Modelling</a></li>
 
-
</ul>
 
-
</li>
 
-
<li id='resshow'><a href="#">Results</a>
 
-
<ul id='reslist'>
 
-
<li><a href="#">Strategy</a></li>
 
-
<li><a href="#">Data</a></li>
 
-
</ul>
 
-
</li>
 
-
<li id='extshow'><a href="#">Extra</a>
 
-
<ul id='extlist'>
 
-
<li><a href="#">Brainstorming</a></li>
 
-
<li id='teashow'><a href="#">Team</a>
 
-
<ul id='tealist'>
 
-
<li><a href="http://openwetware.org/wiki/User:Piotr_D._Faba">Piotr D Faba</a></li>
 
-
<li><a href="http://openwetware.org/wiki/User:Harriet_D._Gliddon">Harriet D Gliddon</a></li>
 
-
<li><a href="http://openwetware.org/wiki/User:Nicolas_Kylilis">Nicolas Kylilis</a></li>
 
-
<li><a href="http://openwetware.org/wiki/User:Benjamin_Miller">Benjamin Miller</a></li>
 
-
<li><a href="http://openwetware.org/wiki/User:Anita_Nguyen">Anita Nguyen</a></li>
 
-
<li><a href="http://openwetware.org/wiki/User:Wolfgang_Pernice">Wolfgang Pernice</a></li>
 
-
<li><a href="http://openwetware.org/wiki/User:Kyasha_Sri_Ranjan">Kyasha Sri Ranjan</a></li>
 
-
<li><a href="http://openwetware.org/wiki/User:Madeline_Rounds">Madeline Rounds</a></li>
 
-
<li><a href="http://openwetware.org/wiki/User:A._Florian_Sessler">A Florian Sessler</a></li>
 
-
<li><a href="http://openwetware.org/wiki/User:Kirill_Shkura">Kirill Shkura</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="#">Sponsors</a></li>
 
-
</ul>
 
-
</li>
 
-
</ul>
 
-
</body>
 
-
</html>
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
<html>
<html>
  <head>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
    <script type="text/javascript">
 +
    $(document).ready(function(){
 +
      $('#test').mouseover(function() {
 +
      $('#test').animate({backgroundPosition: '0px 0px'}, 1000);
 +
      });
 +
      $('#test').mouseleave(function() {
 +
      $('#test').animate({backgroundPosition: '-250px 0px'}, 1000);
 +
      });
 +
    });
 +
</script>
 +
  <style type="text/css">
 +
  #test {
 +
    width: 250px;
 +
    height: 100px;
 +
    background: url(http://openwetware.org/images/d/df/Imperialigemsideone.jpg) -250px 0px no-repeat;
 +
    position: absolute;
 +
    top: 60px;
 +
    left: 650px;}
 +
  </style>
  </head>
  </head>
  <body>
  <body>
 +
  <div id='test'>
 +
  </div>
  </body>
  </body>
</html>
</html>

Revision as of 10:40, 16 September 2010

Personal tools