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