Team:Groningen/DesignTest

From 2012.igem.org

(Difference between revisions)
Line 3: Line 3:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
Line 13: Line 14:
<html>
<html>
 +
 +
<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 type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#image").rotate({
 +
  bind:
 +
    {
 +
        mouseover : function() {
 +
            $(this).rotate({animateTo:180})
 +
        },
 +
        mouseout : function() {
 +
            $(this).rotate({animateTo:0})
 +
        }
 +
    }
 +
  }
 +
}
 +
</script>
 +
<ul id="expand" class="expand-down">
<ul id="expand" class="expand-down">
Line 63: Line 84:
</ul>
</ul>
</div>
</div>
 +
</body>
</body>
 +
 +
</html>
</html>
 +

Revision as of 02:19, 9 August 2012




    Our sponsors: