Team:UCSF/animation

From 2010.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<div id="anim">
+
 
-
<img onMouseOver="http://2010.igem.org/wiki/images/5/5b/UCSF-SF-GGB-curled.jpg" onclick="changeImg(this, 'http://2010.igem.org/wiki/images/b/b9/UCSF_Syn_Killers_Animation.gif')" src="http://2010.igem.org/wiki/images/d/dc/UCSF-SF-GGB.jpg" height="275">
+
<head>
-
</div>
+
<script type="text/javascript">
<script type="text/javascript">
-
function changeImg(img, newimg) {
+
 
-
img.src = newimg;
+
function mouseOver()
 +
{
 +
document.getElementById("b1").src ="http://2010.igem.org/wiki/images/5/5b/UCSF-SF-GGB-curled.jpg";
}
}
 +
 +
function mouseOut()
 +
{
 +
document.getElementById("b1").src ="http://2010.igem.org/wiki/images/d/dc/UCSF-SF-GGB.jpg";
 +
}
 +
 +
function onClick()
 +
{
 +
document.getElementById("b1").src ="http://2010.igem.org/wiki/images/b/b9/UCSF_Syn_Killers_Animation.gif";
 +
document.getElementById("b1").onmouseover="empty()";
 +
document.getElementById("b1").onmouseout="empty()";
 +
}
 +
 +
 +
 +
function empty(){
 +
}
 +
</script>
</script>
 +
</head>
 +
 +
<body>
 +
<img border="0" alt="UCSF banner" title="Click to watch the ninja move!" src="http://2010.igem.org/wiki/images/d/dc/UCSF-SF-GGB.jpg" id="b1"
 +
onmouseover="mouseOver()"
 +
onmouseout="mouseOut()"
 +
onclick="onClick()"
 +
height="250">
 +
 +
</body>
 +
</html>
</html>

Latest revision as of 22:03, 26 October 2010

UCSF banner