"

From 2012.igem.org

Revision as of 15:04, 17 July 2012 (view source) Freddie (Talk | contribs) ← Older edit		Revision as of 11:16, 3 August 2012 (view source) Jamesml213 (Talk | contribs) Newer edit →
Line 6:		Line 6:
	<script type="text/javascript">		<script type="text/javascript">
	$(document).ready(function(){		$(document).ready(function(){
-	var who = new Array();	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/7/7e/Exe2012Ryan_description.jpg');
-	who[1] = "James Lynch";	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/7/75/Exe2012Alex_Baldwin_Description.jpg');
-	who[2] = "Ryan Edginton";	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/8/88/Exe2012James_Description.jpg');
-	who[3] = "Alex Clowsley";	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/7/75/Exe2012Alex_Baldwin_Description.jpg');
-	who[4] = "Alex Baldwin";	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/a/a3/Exe2012Alex_C_Description.jpg');
-	who[5] = "Alice Bond";	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/6/63/Exe2012Becca_Description.jpg');
-	who[6] = "Liam Stubbington";	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/b/b1/Exe2012Liam_Description.jpg');
-	who[7] = "Becca Philps";	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/4/45/Exe2012Mary_Description.jpg');
-	who[8] = "Mary Beton";	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/8/8e/Exe2012Freddie_Description.jpg');
-	who[9] = "Freddie Dudbridge";	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/7/7b/Exe2012Andy_Description.jpg');
-	who[10] = "Andy Corbett";	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/9/9b/Exe2012Team_photo.jpg');
-	var des = new Array();	+	$("#but1").mouseenter(function() {
-	des[1] = "<br>James, Newtonian guitar (mechanical wave motion)";	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/7/7e/Exe2012Ryan_description.jpg');
-	des[2] = "<br>Ryan, Lord of the Quantum Manor";	+
-	des[3] = "<br>Alex, Schrödinger's cat";	+
-	des[4] = "<br>Alex, Biological king";	+
-	des[5] = "<br>Alice, description";	+
-	des[6] = "<br>Liam, description";	+
-	des[7] = "<br>Becca, description";	+
-	des[8] = "<br>Mary, Queen of the primers";	+
-	des[9] = "<br>Freddie, description";	+
-	des[10] = "<br>Andy, description";	+
-		+
-	$("#face1").mouseenter(function() {	+
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	$("#names").append(who[1]);	+
-	$("#descriptions").append(des[1]);	+
	});		});
-		+	$("#but2").mouseenter(function() {
-	$("#face1").mouseleave(function() {	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/7/75/Exe2012Alex_Baldwin_Description.jpg');
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
	});		});
-		+	$("#but3").mouseenter(function() {
-	$("#face2").mouseenter(function() {	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/8/88/Exe2012James_Description.jpg');
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	$("#names").append(who[2]);	+
-	$("#descriptions").append(des[2]);	+
	});		});
-		+	$("#but4").mouseenter(function() {
-	$("#face2").mouseleave(function() {	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/b/bd/Exe2012Alice_Description.jpg');
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
	});		});
-		+	$("#but5").mouseenter(function() {
-	$("#face3").mouseenter(function() {	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/a/a3/Exe2012Alex_C_Description.jpg');
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	$("#names").append(who[3]);	+
-	$("#descriptions").append(des[3]);	+
	});		});
-		+	$("#but6").mouseenter(function() {
-	$("#face3").mouseleave(function() {	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/6/63/Exe2012Becca_Description.jpg');
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
	});		});
-		+	$("#but7").mouseenter(function() {
-	$("#face4").mouseenter(function() {	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/b/b1/Exe2012Liam_Description.jpg');
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	$("#names").append(who[4]);	+
-	$("#descriptions").append(des[4]);	+
	});		});
-		+	$("#but8").mouseenter(function() {
-	$("#face4").mouseleave(function() {	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/4/45/Exe2012Mary_Description.jpg');
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
	});		});
-		+	$("#but9").mouseenter(function() {
-	$("#face5").mouseenter(function() {	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/8/8e/Exe2012Freddie_Description.jpg');
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	$("#names").append(who[5]);	+
-	$("#descriptions").append(des[5]);	+
	});		});
-		+	$("#but10").mouseenter(function() {
-	$("#face5").mouseleave(function() {	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/7/7b/Exe2012Andy_Description.jpg');
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
	});		});
-		+	$("#but11").mouseenter(function() {
-	$("#face6").mouseenter(function() {	+	$('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2012/9/9b/Exe2012Team_photo.jpg');
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	$("#names").append(who[6]);	+
-	$("#descriptions").append(des[6]);	+
	});		});
-		+
-	$("#face6").mouseleave(function() {	+
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	});	+
-		+
-	$("#face7").mouseenter(function() {	+
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	$("#names").append(who[7]);	+
-	$("#descriptions").append(des[7]);	+
-	});	+
-		+
-	$("#face7").mouseleave(function() {	+
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	});	+
-		+
-	$("#face8").mouseenter(function() {	+
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	$("#names").append(who[8]);	+
-	$("#descriptions").append(des[8]);	+
-	});	+
-		+
-	$("#face8").mouseleave(function() {	+
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	});	+
-		+
-	$("#face9").mouseenter(function() {	+
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	$("#names").append(who[9]);	+
-	$("#descriptions").append(des[9]);	+
-	});	+
-		+
-	$("#face9").mouseleave(function() {	+
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	});	+
-		+
-	$("#face10").mouseenter(function() {	+
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	$("#names").append(who[10]);	+
-	$("#descriptions").append(des[10]);	+
-	});	+
-		+
-	$("#face10").mouseleave(function() {	+
-	$("#names").empty();	+
-	$("#descriptions").empty();	+
-	});	+
-		+
	});		});
-
-
	</script>		</script>
	<style type="text/css">		<style type="text/css">
-	#wrapper {	+	#maincon {
-	width:600px;	+	width:1075px;
-	position:relative;	+	position:relative;}
-	left:0px;	+	#mainpic {
-	z-index:0;	+	width:1075px;
-	}	+	position:absolute;}
-	#exphoto {	+	#but1 {
-	width:600px;	+	width: 50px;
-	position:relative;	+	height: 62px;
-	z-index:-1;}	+	position:absolute;
-	#box {	+	left: 204px;
-	width:180px;	+	top: 204px;
-	height:180px;	+	z-index:2;
-	position:absolute;	+	}
-	right:10px;;	+	#but2 {
-	top:85px;	+	width: 51px;
-	background-color:transparent;	+	height: 66px;
-	z-index:1;}	+	position: absolute;
-	#names {	+	left: 272px;
-	font-family:"dokChampa", cursive;	+	top: 239px;
-	color:#FFF;	+	z-index:2;
-	font-weight:bold;	+
-	z-index:0;	+
-	font-size:16px;	+
	}		}
-		+	#but3 {
-	#descriptions {	+	width: 51px;
-	z-index:0;	+	height: 67px;
-	font-family:"Eras Light ITC", cursive;	+	position: absolute;
-	color:#FFF;	+	left: 338px;
-	font-size:16px;	+	top: 203px;
		+	z-index:2;
	}		}
-		+	#but4 {
-	#face1 {	+	width: 51px;
-	width: 32px;	+	height: 64px;
-	height: 32px;	+
	position: absolute;		position: absolute;
-	left: 43px;	+	left: 392px;
-	top: 131px;	+	top: 266px;
-	z-index: 2;	+	z-index:2;
-		+	}
-	}	+	#but5 {
-	#face2 {	+	width: 50px;
-	width: 35px;	+	height: 64px;
-	height: 39px;	+
	position: absolute;		position: absolute;
-	left: 245px;	+	left: 467px;
-	top: 127px;	+	top: 210px;
-	z-index: 2;	+	z-index:2;
-	}	+	}
-	#face3 {	+	#but6 {
-	width: 32px;	+	width: 58px;
-	height: 45px;	+	height: 64px;
	position: absolute;		position: absolute;
-	left: 109px;	+	left: 528px;
-	top: 129px;	+	top: 270px;
-	z-index: 2;	+	z-index:2;
-	}	+
-	#face4 {	+
-	width: 31px;	+
-	height: 44px;	+
-	position: absolute;	+
-	left: 57px;	+
-	top: 169px;	+
-	z-index: 2;	+
-	}	+
-	#face5 {	+
-	width: 29px;	+
-	height: 38px;	+
-	position: absolute;	+
-	left: 124px;	+
-	top: 185px;	+
-	z-index: 2;	+
-	}	+
-	#face6 {	+
-	width: 32px;	+
-	height: 42px;	+
-	position: absolute;	+
-	left: 174px;	+
-	top: 132px;	+
-	z-index: 2;	+
	}		}
-	#face7 {	+	#but7 {
-	width: 43px;	+	width: 52px;
-	height: 46px;	+	height: 57px;
	position: absolute;		position: absolute;
-	left: 207px;	+	left: 580px;
-	top: 180px;	+	top: 209px;
-	z-index: 2;	+	z-index:2;
-	}	+	}
-	#face8 {	+	#but8 {
-	width: 31px;	+	width: 46px;
-	height: 34px;	+	height: 69px;
	position: absolute;		position: absolute;
-	left: 277px;	+	left: 650px;
-	top: 189px;	+	top: 267px;
-	z-index: 2;	+	z-index:2;
-	}	+	}
-	#face9 {	+	#but9 {
-	width: 29px;	+	width: 56px;
-	height: 40px;	+	height: 66px;
	position: absolute;		position: absolute;
-	left: 324px;	+	left: 705px;
-	top: 134px;	+	top: 212px;
-	}	+	z-index:2;
-	#face10 {	+	}
-	width: 34px;	+	#but10 {
-	height: 39px;	+	width: 59px;
		+	height: 66px;
	position: absolute;		position: absolute;
-	left: 356px;	+	left: 767px;
-	top: 166px;	+	top: 232px;
-	z-index: 2;	+	z-index:2;
-	}	+	}
-		+	#but11 {
-	#logo1 {	+	width:1000px;
-	position: absolute;	+	height:200px;
-	left: 605px;	+	position:absolute;
-	top: 0px;	+	left:0px;
-	}	+	top:0px;
-		+	z-index:1;
-	#logo2 {	+	}
-	position: absolute;	+
-	left: 605px;	+
-	top: 252px;	+
-	}	+
-		+
-	#james1 {	+
-	position: absolute;	+
-	left: 562px;	+
-	top: -131px;	+
-	visibility: hidden;}	+
-		+
-	#face1:hover #james1 {	+
-	visibility:visible;	+
-	z-index:1;	+
-	}	+
-		+
-	#ryan1 {	+
-	position: absolute;	+
-	left: 360px;	+
-	top: -127px;	+
-	visibility: hidden;}	+
-		+
-	#face2:hover #ryan1 {	+
-	visibility:visible;	+
-	z-index:1;	+
-	}	+
-		+
-	#alexc1 {	+
-	position: absolute;	+
-	left: 496px;	+
-	top: -129px;	+
-	visibility: hidden;}	+
-		+
-	#face3:hover #alexc1 {	+
-	visibility:visible;	+
-	z-index:1;	+
-	}	+
-		+
-	#alexb1 {	+
-	position: absolute;	+
-	left: 548px;	+
-	top: -169px;	+
-	visibility: hidden;}	+
-		+
-	#face4:hover #alexb1 {	+
-	visibility:visible;	+
-	z-index:1;	+
-	}	+
-		+
-	#alice1 {	+
-	position: absolute;	+
-	left: 481px;	+
-	top: -185px;	+
-	visibility: hidden;}	+
-		+
-	#face5:hover #alice1 {	+
-	visibility:visible;	+
-	z-index:1;	+
-	}	+
-		+
-	#liam1 {	+
-	position: absolute;	+
-	left: 431px;	+
-	top: -132px;	+
-	visibility: hidden;}	+
-		+
-	#face6:hover #liam1 {	+
-	visibility:visible;	+
-	z-index:1;	+
-	}	+
-		+
-	#becca1 {	+
-	position: absolute;	+
-	left: 398px;	+
-	top: -180px;	+
-	visibility: hidden;}	+
-		+
-	#face7:hover #becca1 {	+
-	visibility:visible;	+
-	z-index:1;	+
-	}	+
-		+
-	#mary1 {	+
-	position: absolute;	+
-	left: 328px;	+
-	top: -189px;	+
-	visibility: hidden;}	+
-		+
-	#face8:hover #mary1 {	+
-	visibility:visible;	+
-	z-index:1;	+
-	}	+
-		+
-	#freddie1 {	+
-	position: absolute;	+
-	left: 281px;	+
-	top: -134px;	+
-	visibility: hidden;}	+
-		+
-	#face9:hover #freddie1 {	+
-	visibility:visible;	+
-	z-index:1;	+
-	}	+
-		+
-	#andy1 {	+
-	position: absolute;	+
-	left: 249px;	+
-	top: -166px;	+
-	visibility: hidden;}	+
-		+
-	#face10:hover #andy1 {	+
-	visibility:visible;	+
-	z-index:1;	+
-	}	+
-		+
-	#table {	+
-	width: 100px;	+
-	height: 48px;	+
-	border-style: none;	+
-	background-color: transparent;	+
-	margin: 0px auto;	+
-	position: relative;	+
-	}	+
	</style>		</style>
-
	</head>		</head>
	<body>		<body>
-	<table width="1075" border="0">	+	<div id="maincon">
-	<!--Spacer for Menu Banner-->	+	<img id="mainpic" />
-	<tr>	+	<div id="but1">
-	<td width="100" height="50"></td>	+	</div>
-	<td width="875"></td>	+	<div id="but2">
-	<td width="100"></td>	+	</div>
-	</tr>	+	<div id="but3">
-	<!--End of Spacer-->	+	</div>
-	<tr>	+	<div id="but4">
-	<td bgcolor="#F0C427">	+	</div>
-	</td>	+	<div id="but5">
-	<td>	+	</div>
-	<div id="wrapper">	+	<div id="but6">
-	<img id="exphoto" src="https://static.igem.org/mediawiki/2012/2/28/Exigem_team.jpg" />	+	</div>
-	<div id="face1">	+	<div id="but7">
-	<div id="james1">	+	</div>
-	<img src="https://static.igem.org/mediawiki/2012/5/51/James_exigem.jpg" width="260px" height="237px"/>	+	<div id="but8">
-	</div>	+	</div>
-	</div>	+	<div id="but9">
-	<div id="face2">	+	</div>
-	<div id="ryan1">	+	<div id="but10">
-	<img src="https://static.igem.org/mediawiki/2012/0/0e/Ryan_exigem.jpg" width="260px" height="237px"/>	+	</div>
-	</div>	+	<div id="but11">
-	</div>	+	</div>
-	<div id="face3">	+	</div>
-	<div id="alexc1">	+	</body>
-	<img src="https://static.igem.org/mediawiki/2012/7/7b/Alex_C_exigem.jpg" width="260px" height="237px"/>	+
-	</div>	+
-	</div>	+
-	<div id="face4">	+
-	<div id="alexb1">	+
-	<img src="https://static.igem.org/mediawiki/2012/0/0d/Alex_B_exigem.jpg" width="260px" height="237px"/>	+
-	</div>	+
-	</div>	+
-	<div id="face5">	+
-	<div id="alice1">	+
-	<img src="https://static.igem.org/mediawiki/2012/5/5e/Alice_exigem.jpg" width="260px" height="237px"/>	+
-	</div>	+
-	</div>	+
-	<div id="face6">	+
-	<div id="liam1">	+
-	<img src="https://static.igem.org/mediawiki/2012/8/83/Liam_exigem.jpg" width="260x" height="237px"/>	+
-	</div>	+
-	</div>	+
-	<div id="face7">	+
-	<div id="becca1">	+
-	<img src="https://static.igem.org/mediawiki/2012/8/89/Becca_exigem.jpg" width="260px" height="237px"/>	+
-	</div>	+
-	</div>	+
-	<div id="face8">	+
-	<div id="mary1">	+
-	<img src="https://static.igem.org/mediawiki/2012/2/27/Mary_exigem.jpg" width="260x" height="237px"/>	+
-	</div>	+
-	</div>	+
-	<div id="face9">	+
-	<div id="freddie1">	+
-	<img src="https://static.igem.org/mediawiki/2012/f/f0/Freddie_exigem.jpg" width="260px" height="237px"/>	+
-	</div>	+
-	</div>	+
-	<div id="face10">	+
-	<div id="andy1">	+
-	<img src="https://static.igem.org/mediawiki/2012/8/85/Andy_Crop_exigem.jpg" width="260px" height="237px"/>	+
-	</div>	+
-	</div>	+
-	<div id="box">	+
-	<div id="names">Mouse over our faces for a description!	+
-	</div>	+
-	<div id="descriptions">	+
-	</div>	+
-	</div>	+
-	<div id="logo1">	+
-	<img src="https://static.igem.org/mediawiki/2012/2/20/Exe2012_E.jpg" width="260px" height="237px">	+
-	</div>	+
-	<div id="logo2">	+
-	<img src="https://static.igem.org/mediawiki/2012/2/20/Exe2012_E.jpg" width="260px" height="237px">	+
-	</div>	+
-	</td>	+
-	<td bgcolor="#57B947">	+
-	</td>	+
-	</tr>	+
-	</table>	+
-	</div>	+
-	</div>	+
-	</div>	+
-	</div>	+
-	</body>	+
	</html>		</html>

---

Revision as of 11:16, 3 August 2012