Slide in animation : Slider « Dojo toolkit « JavaScript DHTML






Slide in animation

 

<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",
          hideFunc : dojo.fx.wipeOut
        });
        toggler.hide();
      }
    </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

1.Create vertical slider and set value, minimum, maximum and discreteValues
2.Horizontal slider bar
3.Simple slider
4.Slide back to original spot
5.Slider on change dojo event
6.Slider on change event
7.Max/min slider value
8.Set intermediateChanges for Slider
9.Set slide handle image
10.Format slider value