Team:Groningen/DesignTest

From 2012.igem.org

(Difference between revisions)
Line 11: Line 11:
   <script src="http://code.jquery.com/jquery-latest.js"></script>
   <script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
<style>
 +
div.cogbig{
div.cogbig{
                         position:absolute;
                         position:absolute;
Line 24: Line 25:
height:104px;
height:104px;
position:absolute;
position:absolute;
-
left:751px;
 
-
top:90px;
 
z-index:2;
z-index:2;
}
}
Line 116: Line 115:
       <span>Sponsors</span>
       <span>Sponsors</span>
 +
<body>
 +
<script>
 +
var angle = 0;
 +
setInterval(function(){
 +
      angle-=3; //rotation - and +
 +
    $("#img1").rotate(angle);
 +
},50);
 +
</script>
<div class="arm">
<div class="arm">
-
<img id="img1" img src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" width="120" height="104" >
+
<img id="img1" img src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" width="120" height="104" />
-
 
+
</div>
<div class="cogbig">
<div class="cogbig">
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
-
 
+
</body>
     </a>
     </a>
Line 128: Line 135:
</div>
</div>
-
<img src="https://static.igem.org/mediawiki/2012/4/41/Groningen_2012_logoFW.png" width="300" height="225">
+
<img src="https://static.igem.org/mediawiki/2012/4/41/Groningen_2012_logoFW.png" width="300" height="225" >
         <style>
         <style>
Line 256: Line 263:
-
<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>
 

Revision as of 08:11, 14 August 2012

    Become our sponsor

    support us direct





    Our sponsors:

    Retrieved from "http://2012.igem.org/Team:Groningen/DesignTest"