Line | |
---|
1 | <html> |
---|
2 | <head> |
---|
3 | <style type="text/css"> |
---|
4 | #inner { width: 200px; height: 200px; background-color: #484} |
---|
5 | </style> |
---|
6 | <script type="text/javascript" src="../../dojo.js"></script> |
---|
7 | <script type="text/javascript"> |
---|
8 | require(["dojo/dom", "dojo/_base/fx", "dojo/on", "dojo/dom-style", "dojo/domReady!"], function(dom, baseFx, on, domStyle){ |
---|
9 | var box = dom.byId("box"); |
---|
10 | on(box, "click", function(){ |
---|
11 | domStyle.set(box, "opacity", "0"); |
---|
12 | baseFx.fadeIn({node:box, delay:1}).play(); |
---|
13 | }); |
---|
14 | }); |
---|
15 | </script> |
---|
16 | </head> |
---|
17 | <body> |
---|
18 | <div id="box"><button id="inner">click me</button></div> |
---|
19 | </body> |
---|
20 | </html> |
---|
Note: See
TracBrowser
for help on using the repository browser.