Team:Groningen/DesignTest

From 2012.igem.org

(Difference between revisions)
Line 210: Line 210:
<body>
<body>
<div class="expand-down">
<div class="expand-down">
-
<ul id="navigation">
+
<ul id="navigation" >
-
<li class="sub">
+
<li class="sub" id="menuhome">
-
<div class="cogbig">
+
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
<a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow" target="_blank">
<a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow" target="_blank">
<img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home"  title="Home" />
<img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home"  title="Home" />
<span>home</span>
<span>home</span>
</a>
</a>
 +
 +
<div class="cogbig">
 +
<img id="cogbighome" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
</li>
</li>
-
<li class="sub">
+
<li class="sub" id="menuteam">
-
<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 id="cogbigteam" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
</div>
</div>
<a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" target="_blank">
<a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" target="_blank">
Line 233: Line 236:
</a>
</a>
</li>
</li>
-
<li class="sub">
+
<li class="sub" id="menuproject">
<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 id="cogbigproject" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
</div>
</div>
<a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" target="_blank">
<a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" target="_blank">
Line 249: Line 252:
</a>
</a>
</li>
</li>
-
<li class="sub">
+
<li class="sub" id="menuparts">
<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 id="cogbigparts" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
</div>
</div>
<a href="https://2012.igem.org/Team:Groningen/Parts" title="Parts" rel="nofollow" target="_blank">
<a href="https://2012.igem.org/Team:Groningen/Parts" title="Parts" rel="nofollow" target="_blank">
Line 258: Line 261:
</a>
</a>
</li>
</li>
-
<li class="sub">
+
<li class="sub" id="menusafety">
<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 id="cogbigsafety" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
</div>
</div>
<a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" target="_blank">
<a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" target="_blank">
Line 267: Line 270:
</a>
</a>
</li>
</li>
-
<li class="sub">
+
<li class="sub" id="menupr">
<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 id="cogbigpr" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
</div>
</div>
<a href="https://2012.igem.org/Team:Groningen/PublicRelations" title="Public Relation" rel="nofollow" target="_blank">
<a href="https://2012.igem.org/Team:Groningen/PublicRelations" title="Public Relation" rel="nofollow" target="_blank">
Line 276: Line 279:
</a>
</a>
</li>
</li>
-
<li class="sub">
+
<li class="sub" id="menusponsors">
<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 id="cogbigsponsors" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
</div>
</div>
<a href="https://2012.igem.org/Team:Groningen/Sponsors" title="Sponsors" rel="nofollow" target="_blank">
<a href="https://2012.igem.org/Team:Groningen/Sponsors" title="Sponsors" rel="nofollow" target="_blank">
Line 284: Line 287:
<span>sponsors</span>
<span>sponsors</span>
</a>
</a>
-
+
<div class="arm">
-
<script>
+
-
var angle = 0;
+
-
setInterval(function(){
+
-
angle-=3; //rotation - and +
+
-
$("#img1").rotate(angle);
+
-
},50);
+
-
</script>
+
<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>
 +
<script>
 +
 +
</script>
</li>
</li>
</ul>
</ul>
</div>
</div>
 +
 +
 +
 +
</body>
</body>
 +
<script>
 +
$(document).ready(function(){
 +
    $("ul#navigation").mouseenter(function(){
 +
        cog = 1;
 +
        ang = 30;
 +
    });
 +
    $("ul#navigation").mouseleave(function(){
 +
        cog = 0;
 +
        ang = 0;
 +
    });
 +
    $("li#menuhome").mouseenter(function(){
 +
        target = "#cogbighome";             
 +
    }); 
 +
    $("li#menuteam").mouseenter(function(){
 +
        target = "#cogbigteam";
 +
    });
 +
    $("li#menuproject").mouseenter(function(){
 +
        target = "#cogbigproject";
 +
    });
 +
    $("li#menuparts").mouseenter(function(){
 +
        target = "#cogbigparts";
 +
    });
 +
    $("li#menusafety").mouseenter(function(){
 +
        target = "#cogbigsafety";     
 +
    });
 +
    $("li#menupr").mouseenter(function(){
 +
        target = "#cogbigpr";     
 +
    });
 +
    $("li#menusponsors").mouseenter(function(){
 +
        target = "#cogbigsponsors";
 +
target1 = "#img1";
 +
 +
 +
    });
 +
});
 +
 +
var cogangle = 0;
 +
var cog = 0;
 +
var windmill = 0;
 +
var angle = 0;
 +
 +
var target = ".cogbig";
 +
var target1 = ".arm";
 +
setInterval(function(){
 +
      windmill-=angle; //rotation - and +
 +
      cogangle-=cog;
 +
    $(target).rotate(cogangle);
 +
    $(target1).rotate(windmill);
 +
},30);
 +
</script>
 +
</html>
</html>

Revision as of 12:52, 18 August 2012




Become our sponsor!
support us directly or at www.indiegogo.com/FoodWarden


Our sponsors:

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