Top
Home


<link rel="stylesheet" type="text/css" href="flip_js/mooseflip01.css"/>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
 // Load jQuery
 google.load("jquery", "1");
</script>
<script src="flip_js/mooseflip01.js"></script>
<script src="flip_js/mooseflip02.js"></script>
<script type="text/javascript">
$(function(){
$("#flipPad a:not(.revert)").bind("click",function(){
var $this = $(this);
$("#flipbox").flip({
direction: $this.attr("rel"),
color: $this.attr("rev"),
content: $this.attr("title"),//(new Date()).getTime(),
onBefore: function(){$(".revert").show()}
})
return false;
});
$(".revert").bind("click",function(){
$("#flipbox").revertFlip();
return false;
});
});
</script>


<div id="flipPad">


<a href="#" class="revert">revert!</a>
</div>
<div id="flipbox">Welcome</div>