"
Template:Leanna css
From 2010.igem.org
(Difference between revisions)
| Line 11: | Line 11: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
function initMenu() | 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 01:40, 4 August 2010
