Template:Leanna widecss

From 2010.igem.org

(Difference between revisions)
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:15, 17 August 2010