You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.1 KiB
43 lines
1.1 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|
"http://www.w3.org/TR/html4/strict.dtd"> |
|
|
|
<title>lfx</title> |
|
|
|
<style> |
|
.box { |
|
width: 300px; |
|
height: 300px; |
|
border: 2px solid black; |
|
background-color: #455bae; |
|
position: absolute; |
|
} |
|
</style> |
|
<script type="text/javascript"> |
|
var djConfig = { isDebug: true }; |
|
</script> |
|
<script type="text/javascript" src="../../dojo.js"></script> |
|
<script type="text/javascript"> |
|
dojo.require("dojo.lfx.*"); |
|
dojo.require("dojo.event.*"); |
|
</script> |
|
<script type="text/javascript"> |
|
dojo.addOnLoad(function(){ |
|
// squeeze two nodes and fade |
|
var anim = dojo.lfx.propertyAnimation( |
|
["foo"], |
|
[ |
|
{ property: "height", end:1}, |
|
{ property: "opacity", end: 0} , |
|
{ property: "top", end: 0}, |
|
{ property: "left", end: 0}, |
|
{ property: "width", end: 0} |
|
], |
|
1000, |
|
dojo.lfx.easeInOut |
|
).play(1000); |
|
// dojo.event.connect(anim, "onEnd", function(){ alert("WTF?"); }); |
|
}); |
|
</script> |
|
|
|
<div id="foo" style="left: 100px; top: 100px;" class="box"></div> |
|
<div id="bar" style="left: 500px; top: 100px;" class="box"></div>
|
|
|