script.aculo.us Sliders sliderValue 选项

script.aculo.us 库是一个跨浏览器库，旨在改进网站的用户界面。 Slider 控件是允许用户输入值的细轨道。它是通过定义一个值范围来完成的，用户可以通过将手柄拖动到适当的值来选择这些值。

Sliders sliderValue选项用于定义将设置滑块句柄的初始值。仅当给定值在允许滑块表示的值范围内时才遵循此操作。

句法：

{ sliderValue: value }

价值观：

• value：这是一个数字，将成为滑块的初始值。默认值为 0。

例子

HTML

  

    
    
    
  
    
    
  
    
    
        .track {
            width: 250px;
            background-color: gray;
            height: 5px;
            position: relative;
        }
  
        .track .handle {
            width: 20px;
            height: 10px;
            background-color: green;
            cursor: move;
            position: absolute;
            top: -2px;
        }
  
        .pad {
            padding: 25px;
        }
    

  

    
        GeeksforGeeks
    
  
    Sliders sliderValue
  
    
        The slider has been initially set
        to the values mentioned in the
        sliderValue option
    
  
    
        
            
            
        
    
  
    
        
            
            
        
    
  
    
        new Control.Slider('handle-hor',
            'track-hor', {
            range: $R(1, 10),
  
            // Set the initial value
            // of the slider
            sliderValue: 7.75,
        });
  
        new Control.Slider('handle2-hor',
            'track2-hor', {
            range: $R(1, 10),
  
            // Set the initial value
            // of the slider
            sliderValue: 2,
        });
    

  

输出：