javascript中的dijit/form/HorizontalSlider地用法

 <div style="width: 400px; margin: 10px">
                <ol data-dojo-type="dijit/form/HorizontalRuleLabels"
                    data-dojo-props="
            container: 'topDecoration',
            style: 'height: 1.2em; font-weight: bold; margin: 0 12px;'">
                    <li>0</li>
                    <li>200</li>
                    <li>400</li>
                    <li>600</li>
                    <li>800</li>
                    <li>1000</li>
                    <li>1200</li>
                </ol>
                <div data-dojo-type="dijit/form/HorizontalRule"
                     data-dojo-props="
            container: 'topDecoration',
            count: 7,
            style: 'height: 5px; margin: 0 12px;'">
                </div>
                <input id="hslider" value="600" type="range"
                       data-dojo-type="dijit/form/HorizontalSlider"
                       data-dojo-props="
            minimum: 0,
            maximum: 1200,
            showButtons: false,
            discreteValues: 25"> <!--根据最大值和最小值以及value按照比例计算，比例尺上的数字只起显示功能-->
                <div style="padding-top: 10px; text-align: center;">行驶距离: <strong id="decValue"></strong> 米</div>

            </div>