Use toggler to show and hide tag with wipe in and out : Toggler « Dojo toolkit « JavaScript DHTML






Use toggler to show and hide tag with wipe in and out

 

<html>
  <head>
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/"
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
      dojo.require("dojo.fx");
      var toggler = null;
      function fxTest() {
        toggler = new dojo.fx.Toggler({
          node : "myDiv",
          showFunc : dojo.fx.wipeIn,
        });
        toggler.show();
      }
    </script>
  </head>
  <body onLoad="fxTest();">
    <div id="myDiv" style="background-color:#ff0000;width:40px;top:5px;left:5px;position:absolute;">
     Hello</div>
     
  </body>
</html>

   
  








Dojo-toolkit.zip( 3,849 k)

Related examples in the same category