git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dojo/tests/_base/fx_delay.html

   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 dojo.require("dojo._base.fx");
   9 dojo.require("dojo._base.html");
  10 dojo.addOnLoad(function(){
  11         var box = dojo.byId("box");
  12         dojo.connect(box, "onclick", function(){
  13                 dojo.style(box, "opacity", "0");
  14                 dojo.fadeIn({node:box, delay:1}).play();
  15         });
  16 });
  17 </script>
  18 </head>
  19 <body>
  20 <div id="box"><button id="inner">click me</button></div>
  21 </body>
  22 </html>