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

Retrieved from "http://2010.igem.org/Template:Leanna_widecss"