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