23 lines
549 B
HTML
23 lines
549 B
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<style type="text/css">
|
||
|
|
#inner { width: 200px; height: 200px; background-color: #484}
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript" src="../../dojo.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
dojo.require("dojo._base.fx");
|
||
|
|
dojo.require("dojo._base.html");
|
||
|
|
dojo.addOnLoad(function(){
|
||
|
|
var box = dojo.byId("box");
|
||
|
|
dojo.connect(box, "onclick", function(){
|
||
|
|
dojo.style(box, "opacity", "0");
|
||
|
|
dojo.fadeIn({node:box, delay:1}).play();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="box"><button id="inner">click me</button></div>
|
||
|
|
</body>
|
||
|
|
</html>
|