Slide in animation : Slider « Dojo toolkit « JavaScript Tutorial






<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>








29.63.Slider
29.63.1.Create vertical slider and set value, minimum, maximum and discreteValues
29.63.2.Horizontal slider bar
29.63.3.Simple slider
29.63.4.Slide back to original spot
29.63.5.Slide in animation
29.63.6.Slider on change dojo event
29.63.7.Slider on change event
29.63.8.Max/min slider value
29.63.9.Set intermediateChanges for Slider
29.63.10.Set slide handle image
29.63.11.Format slider value