Team:XMU-China

From 2014.igem.org

(Difference between revisions)
Line 43: Line 43:
</div>
</div>
<div id="pic" style="position:absolute;">
<div id="pic" style="position:absolute;">
-
<img src="https://static.igem.org/mediawiki/2014/a/a6/XMU-snow_3.gif" />
+
<img src="https://static.igem.org/mediawiki/2014/a/a6/XMU-snow_3.gif" onmouseover="movein()"/>
</div>
</div>
<div id="icon" style="position:absolute;"  >
<div id="icon" style="position:absolute;"  >
Line 164: Line 164:
}
}
-
 
+
function movein(obj) {
 +
    var prev = document.getElementById("turn1");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon1");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";    
 +
 +
var prev = document.getElementById("turn2");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon2");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn3");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon3");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn4");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon4");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn5");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon5");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn6");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon6");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
 +
}
</script>
</script>

Revision as of 15:07, 4 October 2014

Team:XMU-China