Team:UC Davis/Projects
From 2010.igem.org
(Difference between revisions)
Line 6: | Line 6: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | #content | |
{ | { | ||
- | width: | + | width: 1000px; |
} | } | ||
Line 14: | Line 14: | ||
{ | { | ||
border: 2px solid #99dd66; | border: 2px solid #99dd66; | ||
- | width: | + | width: 690px; |
} | } | ||
Line 25: | Line 25: | ||
</style> | </style> | ||
+ | <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script> | ||
<script text="javascript"> | <script text="javascript"> | ||
Line 32: | Line 33: | ||
{ | { | ||
case 1: | case 1: | ||
- | document.getElementById("projectContent").innerHTML = "Spatial oscillation"; | + | $("#projectContent").fadeOut("slow", function() { document.getElementById("projectContent").innerHTML = "Spatial oscillation";}); |
+ | $("#projectContent").fadeIn("slow"); | ||
break; | break; | ||
case 2: | case 2: | ||
- | document.getElementById("projectContent").innerHTML = " | + | $("#projectContent").fadeOut("slow", function() { document.getElementById("projectContent").innerHTML = "pH Sensor";}); |
+ | $("#projectContent").fadeIn("slow"); | ||
break; | break; | ||
case 3: | case 3: | ||
- | document.getElementById("projectContent").innerHTML = "Crosstalk Predictor"; | + | $("#projectContent").fadeOut("slow", function() { document.getElementById("projectContent").innerHTML = "Crosstalk Predictor";}); |
+ | $("#projectContent").fadeIn("slow"); | ||
break; | break; | ||
default: | default: | ||
Line 48: | Line 52: | ||
<body> | <body> | ||
- | <table | + | <table class="pikachu"> |
<tr> | <tr> | ||
- | <td width=" | + | <td width="1000px"> |
<table class="projects"> | <table class="projects"> | ||
<tr> | <tr> | ||
Line 58: | Line 62: | ||
</tr> | </tr> | ||
</table> | </table> | ||
+ | <table> | ||
+ | <tr><th><img src | ||
<div id="projectContent"> | <div id="projectContent"> | ||
+ | Spatial Oscillation | ||
</div> | </div> | ||
</td> | </td> |
Revision as of 10:13, 21 September 2010
|
|