Team:UCSF/animation

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<div id="anim">
+
 
-
<img onMouseOver="changeImg(this,'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) {
+
 
 +
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 changeImg(img, newimg)  
 +
{
img.src = newimg;
img.src = newimg;
}
}
 +
</script>
</script>
 +
</head>
 +
 +
<body>
 +
<img border="0" alt="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="changeImg(this, 'http://2010.igem.org/wiki/images/b/b9/UCSF_Syn_Killers_Animation.gif')" height="275" align="center"/>
 +
</body>
 +
</html>
</html>

Revision as of 03:00, 20 October 2010

Click to watch the ninja move!