"
Team:Groningen/DesignTest
From 2012.igem.org
(Difference between revisions)
| Line 192: | Line 192: | ||
</style> | </style> | ||
</head> | </head> | ||
| + | </html> | ||
| + | |||
| + | |||
| + | <html> | ||
| + | <head> | ||
| + | <style type="text/css"> | ||
| + | #img1 | ||
| + | { | ||
| + | position:absolute; | ||
| + | left:0px; | ||
| + | top:0px; | ||
| + | z-index:-2 | ||
| + | } | ||
| + | #windmillarms1 | ||
| + | { | ||
| + | position:absolute; | ||
| + | left:18px; | ||
| + | top:31px; | ||
| + | z-index:0 | ||
| + | } | ||
| + | |||
| + | </style> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | function changeStackOrder() | ||
| + | { | ||
| + | document.getElementById("img1").style.zIndex="1"; | ||
| + | } | ||
| + | </script> | ||
| + | </head> | ||
| + | <body> | ||
| + | <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" id="windmillarms1"> | ||
| + | |||
| + | <input type="button" onclick="changeStackOrder()" value="Change stack order" /> | ||
| + | |||
| + | |||
| + | <script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script> | ||
| + | <img id="img1" src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" width="120" height="104" > | ||
| + | |||
| + | <script> | ||
| + | var angle = 0; | ||
| + | setInterval(function(){ | ||
| + | angle-=3; //rotation - and + | ||
| + | $("#img1").rotate(angle); | ||
| + | },50); | ||
| + | </script> | ||
| + | |||
| + | </body> | ||
</html> | </html> | ||
Revision as of 22:10, 11 August 2012
