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