Template:Leanna widecss
From 2010.igem.org
(Difference between revisions)
(Undo revision 52092 by Supacalafrglstic (Talk)) |
|||
Line 16: | Line 16: | ||
<script language="javascript" src="jquery.dimensions.js"></script> | <script language="javascript" src="jquery.dimensions.js"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | function initMenu() | ||
+ | <style type="text/css"> | ||
+ | .toggler { width: 500px; height: 200px; position: relative;} | ||
+ | #button { padding: .5em 1em; text-decoration: none; } | ||
+ | #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; } | ||
+ | #effect h3 { margin: 0; padding: 0.4em; text-align: center; } | ||
+ | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | $("#button").toggle( | ||
+ | function() { | ||
+ | $("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000); | ||
+ | }, | ||
+ | function() { | ||
+ | $("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000); | ||
+ | } | ||
+ | ); | ||
+ | }); | ||
+ | </script> | ||
<style> | <style> | ||
Revision as of 16:16, 17 August 2010