JavaScript Tutorial/Dojo toolkit/Toggler

Материал из Web эксперт
Перейти к: навигация, поиск

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>