Simple slider : Slider « Dojo toolkit « JavaScript DHTML

Simple slider

 
<html>
  <head>
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
      dojo.require("dojox.fx._base");

      function testIt() {
        dojox.fx.slideBy({
          node : "my",
          duration : 1000, top : 100, left: 100
        }).play();
      }
    </script>
  </head>
  <body onload=testIt()>
        <div id="my">Your text here.</div>
  </body>

</html>

Dojo-toolkit.zip( 3,849 k)

1.	Create vertical slider and set value, minimum, maximum and discreteValues
2.	Horizontal slider bar
3.	Slide back to original spot
4.	Slide in animation
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

Simple slider : Slider « Dojo toolkit « JavaScript DHTML

Related examples in the same category