Team:Groningen/DesignTest

From 2012.igem.org

(Difference between revisions)
Line 90: Line 90:
-
{{Template:SponsorsGroningen2012}}
 
Line 98: Line 97:
<html>
<html>
<body>
<body>
 +
<style type="text/css">
 +
#image1
 +
{
 +
position:absolute;
 +
left:140px;
 +
top:150px;
 +
z-index:0
 +
opacity:0.4;
 +
filter:alpha(opacity=40);
 +
}
 +
#image2
 +
{
 +
position:absolute;
 +
left:230px;
 +
top:150px;
 +
z-index:0
 +
}
 +
#image3
 +
{
 +
position:absolute;
 +
left:320px;
 +
top:150px;
 +
z-index:0
 +
}
 +
#image4
 +
{
 +
position:absolute;
 +
left:410px;
 +
top:150px;
 +
z-index:0
 +
}
 +
#image5
 +
{
 +
position:absolute;
 +
left:490px;
 +
top:150px;
 +
z-index:0
 +
}
 +
#image6
 +
{
 +
position:absolute;
 +
left:585px;
 +
top:150px;
 +
z-index:0
 +
}
 +
</style>
 +
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
-
<img src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" id="image">
 
<img src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" id="image1">
<img src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" id="image1">
<img src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" id="image2">
<img src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" id="image2">
 +
<img src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" id="image3">
 +
<img src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" id="image4">
 +
<img src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" id="image5">
 +
<img src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" id="image6">
<script>
<script>
var angle = 0;
var angle = 0;
setInterval(function(){
setInterval(function(){
       angle-=3; //rotation - and +
       angle-=3; //rotation - and +
-
    $("#image").rotate(angle);
 
     $("#image1").rotate(angle);
     $("#image1").rotate(angle);
     $("#image2").rotate(angle);
     $("#image2").rotate(angle);
 +
    $("#image3").rotate(angle);
 +
    $("#image4").rotate(angle);
 +
    $("#image5").rotate(angle);
 +
    $("#image6").rotate(angle);
},50);
},50);
</script>
</script>
Line 241: Line 293:
</body>
</body>
</html>
</html>
 +
 +
 +
 +
{{Template:SponsorsGroningen2012}}

Revision as of 22:51, 11 August 2012









    Our sponsors: