Team:Groningen/DesignTest

From 2012.igem.org

(Difference between revisions)
Line 63: Line 63:
     <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">
       <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" alt="Sponsors" title="Sponsors" />
       <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" alt="Sponsors" title="Sponsors" />
-
      <span>Sponsors</span>
+
<html>
-
    </a>
+
-
  </li>
+
-
</ul>
+
-
</div>
+
-
 
+
<body>
<body>
<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/e/e4/Groningen2012_AD_20120802_WindmillArms.png" id="image">
<script>
<script>
-
$("#go").click(function(){
+
var angle = 0;
-
$("#image").rotate({
+
setInterval(function(){
-
  bind:
+
      angle+=3;
-
    {
+
    $("#image").rotate(angle);
-
        mouseover : function() {
+
},50);
-
            $(this).rotate({animateTo:180})
+
-
        },
+
-
        mouseout : function() {
+
-
            $(this).rotate({animateTo:0})
+
-
        }
+
-
    }
+
-
  });
+
-
});
+
</script>
</script>
</body>
</body>
 +
</html>
 +
 +
      <span>Sponsors</span>
 +
    </a>
 +
  </li>
 +
</ul>
 +
</div>
 +
</body>
</body>
Line 101: Line 96:
{{Template:SponsorsGroningen2012}}
{{Template:SponsorsGroningen2012}}
-
<html>
 
-
<head>
 
-
  <script src="http://code.jquery.com/jquery-latest.js"></script>
 
-
</head>
 
-
<body>
 
-
  <button id="go">&raquo; Run</button>
 
-
<div id="block">Hello!</div>
 
-
<script>
 
-
/* Using multiple unit types within one animation. */
 
-
$("#go").click(function(){
 
-
  $("#block").animate({
 
-
    width: "70%",
 
-
    opacity: 0.4,
 
-
    marginLeft: "0.6in",
 
-
    fontSize: "3em",
 
-
    borderWidth: "10px"
 
-
  }, 1500 );
 
-
});
 
-
</script>
 
 +
<html>
 +
<body>
<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">
<script>
<script>
-
$("#go").click(function(){
+
var angle = 0;
-
$("#image").rotate({
+
setInterval(function(){
-
  bind:
+
      angle+=3;
-
    {
+
    $("#image").rotate(angle);
-
        mouseover : function() {
+
},50);
-
            $(this).rotate({animateTo:180})
+
-
        },
+
-
        mouseout : function() {
+
-
            $(this).rotate({animateTo:0})
+
-
        }
+
-
    }
+
-
  });
+
-
});
+
</script>
</script>
-
 
</body>
</body>
</html>
</html>

Revision as of 00:51, 10 August 2012