"
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
